:root { --navy:#092b55; --ink:#102c52; --blue:#2d7bea; --gold:#e7a044; --panel:rgba(255,255,255,.79); --hero-scale:1; }
* { box-sizing:border-box; }
body { min-width:1204px; margin:0; color:var(--ink); font-family:"Microsoft YaHei", "PingFang SC", sans-serif; background:#dceaf7; overflow-x:auto; }
button,input { font:inherit; }
.topbar { height:76px; display:flex; align-items:center; gap:40px; padding:0 42px; color:#fff; background:linear-gradient(110deg,#103b70,#071f43); }
.brand { font-size:27px; font-weight:700; white-space:nowrap; letter-spacing:1px; }
.brand span { opacity:.8; margin:0 8px; }
.search-box { flex:1; max-width:660px; height:47px; display:flex; align-items:center; padding:0 20px; color:#58718e; border-radius:28px; background:#eef5fc; box-shadow:inset 0 1px 3px #93aac4; }
.search-symbol { font-size:32px; line-height:0; transform:rotate(-20deg); margin-right:14px; }
.search-box input { width:100%; border:0; outline:0; color:var(--ink); background:transparent; }
.top-actions { display:flex; gap:18px; margin-left:auto; }
.nav-button { padding:11px 18px; color:#fff; border:1px solid #6280a7; border-radius:15px; background:rgba(22,61,105,.72); cursor:pointer; }
.nav-button:first-letter { color:#ffd68b; font-size:24px; }
.hero { position:relative; width:100%; min-width:1204px; height:calc(620px * var(--hero-scale)); overflow:hidden; isolation:isolate; background:#163c66; display:flex; justify-content:center; }
.hero-stage-viewport { position:relative; width:calc(1672px * var(--hero-scale)); height:calc(620px * var(--hero-scale)); flex:0 0 calc(1672px * var(--hero-scale)); overflow:visible; }
.hero-stage { position:absolute; top:0; left:50%; width:1672px; height:620px; overflow:hidden; transform:translateX(-50%) scale(var(--hero-scale)); transform-origin:top center; }
.hero-bg { position:absolute; z-index:-3; inset:0; background-image:url("assets/山脉背景图.png"); background-position:center 27%; background-size:100% auto; background-repeat:no-repeat; background-color:#183f68; image-rendering:auto; }
.hero:before { content:""; position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(233,243,250,.78) 0%,rgba(222,237,248,.2) 31%,rgba(9,42,78,.04) 60%,rgba(5,30,59,.28) 100%),linear-gradient(180deg,rgba(224,237,249,.18),rgba(7,35,66,.14) 72%,rgba(5,29,56,.58)); pointer-events:none; }
.hero:after { content:""; position:absolute; z-index:-1; inset:0; opacity:.13; background:repeating-radial-gradient(ellipse at 85% 110%,transparent 0 15px,rgba(221,236,247,.35) 16px 17px,transparent 18px 30px); mix-blend-mode:screen; pointer-events:none; }
.hero-copy { position:absolute; z-index:5; top:6.129%; left:2.632%; }
.hero-copy h1 { margin:12px 0 12px; font-family:serif; font-size:34px; line-height:1.42; letter-spacing:2px; }
.eyebrow { color:#557391; letter-spacing:4px; }
.hero-copy p:last-child { color:#58718e; letter-spacing:5px; font-size:13px; }
.gold-line { width:38px; height:3px; background:var(--gold); }
.sales-path-svg { position:absolute; z-index:3; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.ridge-path { fill:none; stroke-linecap:round; stroke-linejoin:round; }
.ridge-path-outer { stroke:#f0ae3c; stroke-width:21; opacity:.18; filter:url(#ridge-soft-glow); }
.ridge-path-middle { stroke:#ffc85a; stroke-width:10; opacity:.4; filter:url(#ridge-strong-glow); }
.ridge-path-main { stroke:url(#ridge-gold); stroke-width:3.5; filter:drop-shadow(0 0 2px rgba(255,221,139,.85)); }
.ridge-path-core { stroke:rgba(255,250,230,.86); stroke-width:1.15; opacity:.92; }
.ridge-energy-bloom,.ridge-energy,.ridge-energy-core { stroke-dasharray:.085 .915; stroke-dashoffset:1; animation:ridgeEnergyFlow 6.8s linear infinite; }
.ridge-energy-bloom { stroke:#ffd16a; stroke-width:12; opacity:.64; filter:url(#ridge-strong-glow); }
.ridge-energy { stroke:url(#ridge-energy); stroke-width:5.1; opacity:.98; filter:url(#ridge-strong-glow); }
.ridge-energy-core { stroke:#fffdf2; stroke-width:1.4; opacity:1; }
.ridge-node { transform-box:fill-box; transform-origin:center; animation:ridgeNodePulse 3.4s ease-in-out infinite; }
.ridge-node-two { animation-delay:.55s; }.ridge-node-three { animation-delay:1.1s; }
.ridge-node-halo { fill:#ffc65d; opacity:.34; filter:blur(5px); }
.ridge-node-ring { fill:#fffdf6; stroke:#f4b94f; stroke-width:3; filter:drop-shadow(0 0 8px rgba(255,221,142,.95)); }
.ridge-node-core { fill:#fff; }
.ridge-node-three .ridge-node-halo { opacity:.62; filter:blur(7px); }.ridge-node-three .ridge-node-ring { stroke-width:3.5; filter:drop-shadow(0 0 13px rgba(255,222,142,1)); }
@keyframes ridgeEnergyFlow { to { stroke-dashoffset:-1; } }
@keyframes ridgeNodePulse { 0%,100% { transform:scale(1); opacity:.86; } 50% { transform:scale(1.08); opacity:1; } }
@media (prefers-reduced-motion:reduce) { .ridge-energy-bloom,.ridge-energy,.ridge-energy-core,.ridge-node { animation:none; } }
.journey { position:absolute; z-index:6; width:33%; min-height:0; padding:18.7px 8.8px 7.7px; border:1px solid rgba(255,255,255,.9); border-radius:24.2px; background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(222,237,249,.72)); box-shadow:0 12px 30px rgba(15,49,82,.28),0 0 26px rgba(255,214,151,.12); backdrop-filter:blur(15px) saturate(115%); }
.journey-one { left:4.785%; top:70.161%; width:31.3159%; height:calc(22% - 25.3px); min-height:0; transform:translateY(20px); }
.journey-two { left:37.799%; top:47.097%; width:30.789%; height:42.0486%; transform:translateX(40px); }
.journey-three { left:75.96%; top:31.935%; width:18.15%; height:32.92%; min-height:0; transform:translateX(0); }
.journey-three { height:30.032%; }
.journey-title { display:flex; align-items:center; gap:15px; margin:-111.7px 0 14px 24%; }.journey-one .journey-title { margin-left:132px; }.journey-two .journey-title { margin-left:88.4px; }.journey-three .journey-title { margin-left:-3.9px; width:max-content; }.journey-icon { display:grid; place-items:center; width:82px; height:82px; border:0; border-radius:50%; background:transparent; box-shadow:none; font-size:29px; overflow:visible; }.journey-icon img { width:100%; height:100%; object-fit:contain; }
.journey-title small { color:#dcecff; font-size:27px; line-height:1; opacity:.9; text-shadow:0 1px 7px #14385f; }.journey-title h2 { margin:3px 0 0; color:#fff; font-family:serif; font-size:34px; line-height:1; text-shadow:0 2px 9px #0a3159; }.journey-title p { margin:5px 0 0; color:#f1f7fc; font-size:14px; text-shadow:0 1px 6px #173e64; }
.journey-grid { display:grid; grid-template-columns:1fr 1fr; gap:6.6px; }.journey-card { min-height:68.2px; display:flex; align-items:center; gap:9.9px; padding:8.8px 9.9px; color:#16365d; border:1px solid rgba(190,211,231,.9); border-radius:13.2px; background:linear-gradient(110deg,rgba(255,255,255,.92),rgba(239,246,252,.76)); font-size:15.4px; box-shadow:0 3px 10px rgba(71,105,137,.06); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.journey-card:hover { transform:translateY(-2px); border-color:#f0b05b; box-shadow:0 7px 15px rgba(45,83,119,.16),0 0 12px rgba(247,192,108,.18); }.site-icon { display:grid; flex:0 0 34.1px; place-items:center; font-style:normal; color:#2779e6; font-size:22px; }.site-icon img { width:34.1px; height:34.1px; object-fit:contain; }.icon-orange { color:#ef8740; }.icon-blue { color:#337fe9; }.icon-cyan { color:#13aaa5; }.icon-purple { color:#7b5fe7; }.icon-gold { color:#c99238; }.site-copy { min-width:0; flex:1; }.site-copy strong { display:block; overflow:hidden; color:#18375e; font-weight:600; line-height:1.2; text-overflow:ellipsis; white-space:normal; }.site-copy em { display:block; width:max-content; margin-top:4.4px; padding:2.2px 7.7px; border-radius:5.5px; font-size:12.1px; font-style:normal; line-height:1.1; }.tag-orange { color:#a84d20; background:#ffd1bd; }.tag-blue { color:#1d63c5; background:#c9ddff; }.tag-cyan { color:#087f86; background:#bdebe8; }.tag-purple { color:#6745c1; background:#ddd2ff; }.tag-gold { color:#956215; background:#f8dfac; }.card-arrow { display:none; }.journey-foot { margin-top:12.1px; color:#637892; text-align:center; font-size:14.3px; }
.journey-three .journey-grid { grid-template-columns:1fr; }
.hero-note { position:absolute; z-index:4; left:91.73%; right:auto; top:5.645%; color:#49627e; line-height:1.8; letter-spacing:2px; }.hero-note small { font-size:10px; letter-spacing:3px; }
.mountain-corner-caption { position:absolute; z-index:4; right:20px; bottom:6px; display:block; width:265px; height:auto; pointer-events:none; object-fit:contain; }
.dashboard { display:grid; grid-template-columns:1.15fr .8fr 1.05fr; gap:20px; padding:18px; background:linear-gradient(#d6e5f3,#edf4fa); }.panel { min-height:195px; padding:14px 18px; border-radius:12px; background:var(--panel); box-shadow:0 2px 5px rgba(66,101,133,.05); }.panel-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:11px; }.panel-heading h2 { margin:0; font-family:serif; font-size:22px; }.panel-heading a { color:#69809a; font-size:12px; text-decoration:none; }.hot-links { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }.hot-card { min-height:124px; display:grid; place-items:center; align-content:center; gap:8px; padding:9px; text-align:center; border:1px solid #d8e5f4; border-radius:10px; color:#284667; font-size:13px; }.hot-card i { display:grid; place-items:center; width:38px; height:38px; font-size:27px; }.hot-card i img { width:38px; height:38px; object-fit:contain; }.recent-list { margin:0; padding-left:26px; }.recent-list li { padding:8px 0; border-bottom:1px solid #e0e8f1; font-size:13px; }.recent-list time { float:right; color:#71849b; }.overview-links { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.overview-card { display:flex; align-items:center; gap:12px; padding:10px 13px; border:1px solid #d7e3f1; border-radius:10px; background:#fbfdff; }.overview-card i { color:#297be6; font-size:28px; }.overview-card small { display:block; color:#73869b; margin-top:3px; }.toast { position:fixed; z-index:20; left:50%; bottom:25px; padding:10px 18px; color:#fff; border-radius:20px; background:#123a68; opacity:0; transform:translate(-50%,10px); transition:.25s; }.toast.show { opacity:1; transform:translate(-50%,0); }
@media (max-width:1000px) { .topbar { gap:15px; padding:0 18px; }.brand { font-size:19px; }.top-actions { gap:5px; }.nav-button { padding:8px 9px; }.nav-button span { display:none; }.dashboard { grid-template-columns:1fr; }.hot-links { grid-template-columns:repeat(5,1fr); } }
.site-copy strong { overflow:visible; text-overflow:clip; white-space:normal; }
@media (max-width:650px) { .topbar { height:auto; flex-wrap:wrap; padding:14px; }.brand { width:100%; }.search-box { order:3; flex-basis:100%; }.hot-links { grid-template-columns:repeat(2,1fr); }.overview-links { grid-template-columns:1fr; } }

.view-switcher { display:flex; align-items:center; margin-left:auto; padding:4px; border:1px solid rgba(173,207,239,.42); border-radius:14px; background:rgba(5,31,65,.5); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 14px rgba(2,20,44,.2); }
.view-switch { display:flex; align-items:center; gap:7px; padding:9px 13px; color:#cfe2f5; border:0; border-radius:10px; background:transparent; cursor:pointer; font-size:14px; transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease; }
.view-switch:hover { color:#fff; background:rgba(71,123,180,.36); }.view-switch.is-active { color:#fff; background:linear-gradient(135deg,#2869ac,#174d88); box-shadow:0 3px 10px rgba(0,0,0,.24),0 0 12px rgba(84,164,239,.2); }.view-switch:focus-visible { outline:2px solid #ffd37c; outline-offset:2px; }
.view-panel[hidden] { display:none; }.view-panel { animation:viewPanelIn .3s ease both; } @keyframes viewPanelIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
.preview-view { padding:16px 18px 20px; background:linear-gradient(180deg,#dcecf9 0%,#eff7fd 100%); }
.preview-hero { position:relative; min-height:145px; display:flex; align-items:center; justify-content:space-between; overflow:hidden; padding:22px 28px; border:1px solid rgba(255,255,255,.78); border-radius:20px; background:linear-gradient(90deg,rgba(241,248,253,.8),rgba(203,224,243,.15)),url("assets/山脉背景图.png") center 40% / cover; box-shadow:0 10px 24px rgba(50,91,127,.18); isolation:isolate; }
.preview-hero:after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(239,248,255,.86) 0%,rgba(231,243,251,.46) 48%,rgba(8,42,79,.1) 100%); pointer-events:none; }.preview-hero-copy { position:relative; z-index:1; }.preview-hero .eyebrow { margin:0 0 5px; color:#547394; letter-spacing:3px; font-size:14px; }.preview-hero h1 { margin:0 0 8px; color:#0d315b; font-family:serif; font-size:34px; letter-spacing:2px; }.preview-hero-copy > p:last-child { margin:0; color:#567694; letter-spacing:2px; font-size:14px; }.preview-hero > img { position:relative; z-index:1; width:245px; margin-right:5px; filter:drop-shadow(0 3px 4px rgba(11,47,84,.2)); }
.preview-sections { display:grid; grid-template-columns:minmax(250px,.9fr) minmax(500px,1.6fr) minmax(270px,1fr); gap:14px; margin-top:16px; align-items:start; }.preview-stage { min-width:0; padding:13px; border:1px solid rgba(255,255,255,.82); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(220,237,249,.72)); box-shadow:0 8px 22px rgba(54,94,129,.14); }.preview-stage-heading { display:flex; align-items:center; gap:10px; min-height:45px; margin-bottom:10px; color:#153963; }.preview-stage-heading > div { display:flex; align-items:baseline; gap:8px; flex:0 0 auto; }.preview-stage-number { color:#557798; font-size:16px; letter-spacing:1px; }.preview-stage-heading h2 { margin:0; font-family:serif; font-size:25px; }.preview-stage-heading p { flex:1; min-width:0; margin:0; color:#6a8299; font-size:12px; line-height:1.35; }.preview-stage-heading > small { flex:0 0 auto; color:#66809c; white-space:nowrap; font-size:12px; }.preview-grid { display:grid; grid-template-columns:1fr; gap:12px; }.preview-stage-external .preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.preview-card { min-width:0; overflow:hidden; border:1px solid #d2e3f2; border-radius:14px; background:rgba(255,255,255,.78); box-shadow:0 4px 12px rgba(46,88,126,.1); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }.preview-card:hover { transform:translateY(-4px); border-color:#86b5df; box-shadow:0 12px 22px rgba(37,83,124,.2); }.preview-image-wrap { position:relative; overflow:hidden; aspect-ratio:16 / 7.4; background:#d9eafa; }.preview-image-wrap:after { content:""; position:absolute; inset:0; border-bottom:1px solid rgba(255,255,255,.7); background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(10,47,84,.1)); pointer-events:none; }.preview-image-wrap img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .22s ease; }.preview-card:hover .preview-image-wrap img { transform:scale(1.02); }.preview-card-body { padding:10px 11px 11px; }.preview-card-heading { display:flex; align-items:center; gap:8px; min-width:0; }.preview-card-heading > img { flex:0 0 31px; width:31px; height:31px; object-fit:contain; }.preview-card-heading h3 { overflow:hidden; margin:0; color:#173b64; font-size:15px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }.preview-card-heading small { display:block; margin-top:3px; color:#b27b2a; font-size:11px; }.preview-card-body > p { display:-webkit-box; overflow:hidden; min-height:34px; margin:8px 0 9px; color:#66809a; font-size:12px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.preview-card-footer { display:flex; align-items:center; justify-content:space-between; gap:7px; }.preview-tag { display:inline-block; padding:3px 8px; border-radius:6px; font-size:11px; }.preview-enter { padding:6px 9px; color:#fff; border:0; border-radius:8px; background:linear-gradient(135deg,#276baa,#124c87); box-shadow:0 3px 8px rgba(18,76,135,.2); cursor:pointer; font-size:12px; transition:filter .2s ease,box-shadow .2s ease; }.preview-enter:hover { filter:brightness(1.14); box-shadow:0 5px 12px rgba(18,76,135,.35); }.preview-enter span { margin-left:3px; font-size:15px; }.password-hint { color:#a9782d!important; }
.password-dialog { position:fixed; z-index:30; inset:0; display:grid; place-items:center; padding:20px; background:rgba(4,26,53,.48); opacity:0; transition:opacity .18s ease; }.password-dialog.is-open { opacity:1; }.password-dialog-card { position:relative; width:min(360px,100%); padding:25px 26px 23px; border:1px solid rgba(255,255,255,.9); border-radius:18px; background:linear-gradient(145deg,#f9fcff,#dcecf8); box-shadow:0 18px 50px rgba(3,28,58,.32); text-align:center; transform:translateY(8px); transition:transform .18s ease; }.password-dialog.is-open .password-dialog-card { transform:translateY(0); }.dialog-close { position:absolute; top:8px; right:12px; border:0; background:transparent; color:#66809c; cursor:pointer; font-size:25px; }.dialog-kicker { margin:0; color:#bd842d; letter-spacing:2px; font-size:12px; }.password-dialog h2 { margin:7px 0 5px; color:#143963; font-family:serif; font-size:25px; }.dialog-copy { margin:0 0 15px; color:#6a8299; font-size:13px; }.password-dialog code { display:block; padding:10px 12px; border-radius:9px; color:#173b64; background:rgba(255,255,255,.82); font-size:18px; letter-spacing:1px; }.dialog-actions { display:flex; justify-content:center; gap:9px; margin-top:18px; }.dialog-actions button { padding:8px 14px; border-radius:9px; cursor:pointer; font-size:13px; }.dialog-copy-button { color:#245b8f; border:1px solid #a9c6df; background:#f6fbff; }.dialog-continue { color:#fff; border:1px solid #1b5d98; background:#1d619c; }
.password-dialog[hidden] { display:none; pointer-events:none; }
.preview-stage { height:var(--preview-stage-height,auto); display:flex; flex-direction:column; overflow:hidden; }
.preview-stage-heading { flex:0 0 auto; }
.preview-stage .preview-grid { min-height:0; flex:1 1 auto; }
.preview-stage-needs .preview-grid,
.preview-stage-close .preview-grid { grid-template-rows:repeat(2,minmax(0,1fr)); }
.preview-stage-needs .preview-card,
.preview-stage-close .preview-card { display:flex; flex-direction:column; min-height:0; }
.preview-stage-needs .preview-image-wrap,
.preview-stage-close .preview-image-wrap { flex:1 1 auto; min-height:0; aspect-ratio:auto; }
@media (max-width:1180px) { .preview-sections { grid-template-columns:1fr 1fr; }.preview-stage-external { grid-column:1 / -1; }.preview-stage-external .preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .view-switcher { margin-left:0; }.topbar { justify-content:space-between; }.preview-hero { min-height:135px; padding:18px; }.preview-hero h1 { font-size:27px; }.preview-hero > img { width:160px; }.preview-sections { grid-template-columns:1fr; }.preview-stage-external { grid-column:auto; }.preview-stage-external .preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }