:root{color:#17231d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fbf8;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #5b7e68}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-warm:#fafaf7;--bg-cream:#f5f4f0;--bg-card:#fff;--bg-subtle:#f0efeb;--accent-primary:#5a7d6a;--accent-secondary:#7a9e8a;--accent-light:#a0bfa8;--accent-subtle:#5a7d6a0f;--ink-dark:#1c1c1e;--ink-medium:#3a3a3c;--ink-light:#6e6e73;--ink-faint:#aeaeb2;--text-primary:#1c1c1e;--text-secondary:#48484a;--text-muted:#8e8e93;--border-light:#0000000f;--border-medium:#0000001a;--font-display:"Caveat", "Ma Shan Zheng", cursive;--font-display-cn:"Ma Shan Zheng", "Caveat", cursive;--font-body:"Noto Sans SC", sans-serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-warm);min-height:100vh;color:var(--text-primary);overflow-x:hidden}.hero-page{background:var(--bg-warm);min-height:100vh;position:relative}.particles-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.page-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.hero-section{-webkit-user-select:none;user-select:none;flex:2;justify-content:center;align-items:center;padding:2rem;display:flex}.hero-content{text-align:center;animation:1s ease-out fadeInUp}.brand-line{white-space:nowrap;justify-content:center;align-items:center;gap:0;font-size:0;display:inline-flex}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg,#2a4a3e 0%,#5a7d6a 30%,#3a5a4e 50%,#6b8e6b 70%,#3a3a3c 90%,#1c1c1e 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--ink-dark);paint-order:stroke fill;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:1;transition:-webkit-text-stroke-color .8s ease-out,transform .6s cubic-bezier(.4,0,.2,1);animation:1.8s ease-out forwards strokeIn}.brand-name.fill-in{-webkit-text-stroke-color:transparent}@keyframes strokeIn{0%{-webkit-text-stroke-color:transparent;opacity:0}10%{-webkit-text-stroke-color:var(--ink-medium);opacity:1}to{-webkit-text-stroke-color:var(--ink-dark);opacity:1}}.brand-dot{font-family:var(--font-display);color:var(--ink-dark);opacity:.85;margin-right:.35rem;font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:1;transition:transform .6s cubic-bezier(.4,0,.2,1)}.rotating-word{font-family:var(--font-display-cn);letter-spacing:.06em;color:var(--ink-dark);font-size:clamp(3rem,8vw,7rem);font-weight:400;line-height:1;display:inline-block}.rotating-word.enter{animation:.4s cubic-bezier(.4,0,.2,1) forwards wordEnter}.rotating-word.exit{animation:.4s cubic-bezier(.4,0,.2,1) forwards wordExit}@keyframes wordEnter{0%{opacity:0;transform:translateY(-80%)}to{opacity:1;transform:translateY(0)}}@keyframes wordExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(80%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.brand-name.shift-left,.brand-dot.shift-left{transform:translate(-.15em)}.search-section{flex:1;justify-content:center;align-items:flex-start;padding:0 2rem 2rem;display:flex}.search-container{width:100%;max-width:700px;animation:1s ease-out .5s both fadeInUp}.search-wrapper{background:var(--bg-card);border:1px solid var(--border-light);border-radius:100px;align-items:center;padding:.5rem;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 16px #0000000a}.search-wrapper:focus-within{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:0 6px 24px #0000000f}.search-icon{width:24px;height:24px;color:var(--text-muted);flex-shrink:0;margin-left:1.25rem}.search-input{font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:1rem 1.25rem;font-size:1.1rem}.search-input:focus-visible{outline:none}.search-input::placeholder{color:var(--text-muted)}.search-button{background:var(--ink-dark);color:var(--bg-warm);font-family:var(--font-body);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000001a}.search-button:hover{background:var(--accent-primary);transform:scale(1.05);box-shadow:0 4px 20px #5a7d6a33}.search-button:active{transform:scale(.98)}.search-button svg{width:18px;height:18px}.search-hints{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.hint-label{color:var(--text-muted);font-size:.875rem}.hint-tag{background:var(--bg-subtle);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;border-radius:100px;padding:.375rem 1rem;font-size:.875rem;transition:all .2s}.hint-tag:hover{background:var(--accent-subtle);color:var(--accent-primary);border-color:#5a7d6a26;transform:translateY(-1px)}.scroll-guide{color:var(--text-muted);opacity:.35;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.4rem;text-decoration:none;transition:all .4s;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-guide:hover{opacity:1;color:var(--accent-primary);transform:translate(-50%)translateY(4px)}.scroll-text{letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:400}.scroll-arrow{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.scroll-guide:hover .scroll-arrow{background:var(--accent-subtle)}.scroll-arrow svg{width:16px;height:16px}.features-page{background:var(--bg-cream);z-index:2;min-height:100vh;padding:6rem 2rem;position:relative}.features-container{max-width:1200px;margin:0 auto}.features-header{text-align:center;margin-bottom:5rem}.features-header h2{font-family:var(--font-display-cn);color:var(--text-primary);letter-spacing:.08em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:400}.features-header p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.125rem}.feature-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:2rem;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-bottom:6rem;padding:3rem;transition:all .4s;display:grid;box-shadow:0 2px 16px #00000008}.feature-card:hover{transform:translateY(-2px);box-shadow:0 6px 32px #0000000d}.feature-card.feature-reverse{direction:rtl}.feature-card.feature-reverse>*{direction:ltr}.feature-visual{justify-content:center;align-items:center;height:320px;display:flex;position:relative;overflow:hidden}.data-chart{align-items:flex-end;gap:1rem;height:200px;padding:0 2rem;display:flex}.chart-bar{width:40px;height:var(--h);background:linear-gradient(180deg, var(--ink-light) 0%, var(--ink-dark) 100%);opacity:.7;border-radius:8px 8px 0 0;transition:all .3s;animation:1s ease-out growBar}.chart-bar:hover{opacity:1;transform:scaleY(1.05)}@keyframes growBar{0%{opacity:0;height:0}}.data-nodes{position:absolute;inset:0}.node{background:var(--ink-medium);border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 16px #3a3a3c4d}.node-1{animation:2s ease-in-out infinite pulseNode;top:20%;left:20%}.node-2{animation:2s ease-in-out .5s infinite pulseNode;top:50%;right:15%}.node-3{animation:2s ease-in-out 1s infinite pulseNode;bottom:25%;left:30%}.node-4{animation:2s ease-in-out 1.5s infinite pulseNode;bottom:35%;right:25%}@keyframes pulseNode{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}}.floating-numbers{pointer-events:none;position:absolute;inset:0}.float-num{left:var(--x);top:var(--y);font-family:var(--font-display);color:var(--ink-medium);background:var(--bg-card);animation:3s ease-in-out infinite floatUp;animation-delay:var(--d);border-radius:8px;padding:.375rem .75rem;font-size:1rem;font-weight:600;position:absolute;box-shadow:0 2px 8px #0000000f}@keyframes floatUp{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-12px)}}.timeline{width:100%;max-width:320px;position:relative}.timeline-line{background:linear-gradient(180deg, var(--ink-faint), var(--ink-medium));border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{opacity:0;align-items:center;gap:1.5rem;margin-bottom:2rem;animation:.6s ease-out forwards slideInLeft;display:flex;position:relative}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.4s}.timeline-item:nth-child(4){animation-delay:.6s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.timeline-dot{background:var(--bg-card);border:2px solid var(--ink-faint);z-index:1;border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:all .3s}.timeline-dot.active{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-subtle);animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{box-shadow:0 0 0 4px var(--accent-subtle)}50%{box-shadow:0 0 0 8px var(--accent-subtle)}}.timeline-card{background:var(--bg-card);border-radius:12px;flex:1;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:all .3s;display:flex;box-shadow:0 1px 8px #0000000a}.timeline-card:hover{transform:translate(4px);box-shadow:0 3px 16px #00000014}.timeline-date{color:var(--text-primary);font-weight:600}.timeline-status{color:var(--accent-primary);background:var(--accent-subtle);border-radius:100px;padding:.25rem .75rem;font-size:.875rem}.floating-badges{pointer-events:none;position:absolute;inset:0}.float-badge{left:var(--x);top:var(--y);color:var(--bg-card);background:var(--ink-dark);animation:4s ease-in-out infinite floatBadge;animation-delay:var(--d);border-radius:100px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;position:absolute;box-shadow:0 2px 12px #0000001a}@keyframes floatBadge{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-8px)rotate(2deg)}75%{transform:translateY(8px)rotate(-2deg)}}.feature-content{padding:1rem 0}.feature-tag{background:var(--accent-subtle);color:var(--accent-primary);border:1px solid #5a7d6a1f;border-radius:100px;margin-bottom:1rem;padding:.375rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.feature-content h3{font-family:var(--font-display-cn);color:var(--text-primary);letter-spacing:.05em;margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.3}.feature-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.feature-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.feature-list li{color:var(--text-primary);align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.5;display:flex}.list-icon{width:24px;height:24px;color:var(--ink-light);flex-shrink:0}.list-icon svg{width:100%;height:100%}.feature-note{background:var(--bg-subtle);border-left:3px solid var(--ink-light);border-radius:0 8px 8px 0;margin-top:1.5rem;padding:1rem 1.25rem}.feature-note p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.cta-section{text-align:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:2rem;padding:4rem 2rem;box-shadow:0 2px 16px #00000008}.cta-section h3{font-family:var(--font-display-cn);color:var(--text-primary);letter-spacing:.05em;margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:400}.cta-section p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem}.cta-button{background:var(--ink-dark);color:var(--bg-warm);font-family:var(--font-body);cursor:pointer;border:none;border-radius:100px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;transition:all .3s;box-shadow:0 2px 12px #0000001a}.cta-button:hover{background:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 20px #5a7d6a33}@media (width<=900px){.feature-card{grid-template-columns:1fr;gap:2rem;padding:2rem}.feature-card.feature-reverse{direction:ltr}.feature-visual{order:-1;height:240px}.features-page{padding:4rem 1.5rem}.features-header{margin-bottom:3rem}.brand-name.shift-left,.brand-dot.shift-left{transform:none}.brand-line{flex-direction:column;align-items:center;gap:.5rem}.search-wrapper{padding:.375rem}.search-input{padding:.75rem 1rem;font-size:1rem}.search-button{padding:.75rem 1.25rem}.search-button span{display:none}.search-hints{gap:.5rem}.hint-tag{padding:.25rem .75rem;font-size:.8rem}}.patha-home{min-height:100vh}.hero-topbar{z-index:3;position:absolute;top:1.75rem;right:2rem}.hero-login-link{min-height:40px;color:var(--ink-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #0000001a;border-radius:999px;align-items:center;padding:0 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .16s,border-color .16s,color .16s;display:inline-flex;box-shadow:0 10px 24px #1c1c1e0f}.hero-login-link:hover{color:var(--accent-primary);border-color:#5a7d6a47;transform:translateY(-1px)}.login-page{color:#17231d;background:radial-gradient(circle at 0 0,#a0bfa838,#0000 32%),linear-gradient(#f8fbf8 0%,#eef5ef 100%);min-height:100vh;padding:32px 24px}.login-shell{grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);align-items:center;gap:40px;width:min(1080px,100%);min-height:calc(100vh - 64px);margin:0 auto;display:grid}.login-copy{max-width:460px}.login-back-link{color:#4b5f53;align-items:center;margin-bottom:28px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.login-back-link:hover{color:#17231d}.login-copy h1{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.02}.login-description{color:#4b5f53;margin:0;font-size:1.05rem;line-height:1.7}.login-panel-wrap{display:grid}.auth-panel,.agent-panel,.preference-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #6983702e;border-radius:16px;box-shadow:0 18px 55px #3e5b461f}.auth-panel,.preference-panel{padding:24px}.auth-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-copy strong,.agent-panel h3{color:#17231d;margin:0;font-size:1.08rem;display:block}.auth-copy span,.form-note,.agent-muted{color:#647569;font-size:.92rem;line-height:1.5}.auth-form,.agent-form{gap:12px;display:grid}.auth-oauth{gap:10px;margin-top:18px;display:grid}.auth-form{grid-template-columns:1fr;margin-top:18px}.auth-form input,.agent-form textarea,.agent-form input{color:#17231d;width:100%;font:inherit;background:#fff;border:1px solid #6983703d;border-radius:10px;outline:none}.auth-form input{min-height:44px;padding:0 13px}.agent-form textarea{resize:vertical;min-height:112px;padding:14px;line-height:1.55}.agent-form input{min-height:42px;padding:0 12px}.auth-form input:focus,.agent-form textarea:focus,.agent-form input:focus{border-color:#5b7e68;box-shadow:0 0 0 3px #5b7e681f}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary-button,.secondary-button,.auth-form button{min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 17px;font-weight:800;transition:transform .16s,background .16s,opacity .16s}.primary-button,.auth-form button{color:#fff;background:#17231d}.secondary-button{color:#294635;background:#e8efe9}.auth-wechat-button{color:#fff;background:#07c160;justify-content:center;width:100%}.primary-button:hover,.secondary-button:hover,.auth-form button:hover{transform:translateY(-1px)}.primary-button:disabled,.auth-form button:disabled{cursor:not-allowed;opacity:.56;transform:none}.agent-panel{padding:24px}.agent-panel header,.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.agent-form{margin-bottom:22px}.inline-field{grid-template-columns:120px 1fr;align-items:center;gap:12px;display:grid}.inline-field label{color:#4b5f53;font-weight:700}.notice{color:#344e3d;background:#edf4ee;border-radius:10px;padding:12px 14px}.notice.error{color:#9b3b25;background:#fff0ec}.results-list{gap:12px;display:grid}.saved-preferences{border-top:1px solid #69837029;margin-top:18px;padding-top:18px}@media (width<=900px){.hero-topbar{top:1.25rem;right:1.25rem}.login-shell{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:24px}.login-copy{max-width:none}}
