:root{--ink: #162329;--ink-soft: #405862;--paper: #fbf9f1;--card: #ffffff;--line: #d8d2c4;--accent: #0d6b76;--accent-strong: #0b4d55;--warm: #c08a2c;--warm-soft: #f0e1bf;--shadow: 0 18px 40px rgba(18, 30, 34, .12)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:"Noto Serif SC",Songti SC,STSong,serif;color:var(--ink);background:radial-gradient(circle at 90% -10%,#f9e4b4 0%,transparent 32%),radial-gradient(circle at -10% 20%,#cde7ea 0%,transparent 28%),var(--paper);line-height:1.65}.site-shell{width:min(1120px,92vw);margin:0 auto;padding:28px 0 48px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.brand{font-family:LXGW WenKai,KaiTi,serif;font-size:28px;font-weight:700;letter-spacing:.04em}.nav-links{display:flex;gap:20px}.nav-links a,.footer a,.text-link{color:var(--accent-strong);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,opacity .2s ease}.nav-links a:hover,.footer a:hover,.text-link:hover{border-color:var(--accent-strong)}.hero{padding:20px 0 10px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}.badge{display:inline-block;margin:0 0 14px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#fffdf8;color:var(--ink-soft);font-size:12px;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(34px,5vw,52px);line-height:1.2}.subtitle{max-width:56ch;margin:18px 0 24px;color:var(--ink-soft)}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:10px 16px;border-radius:10px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{border:1px solid var(--line);background:#fff;color:var(--ink)}.quick-panel{border:1px solid var(--line);background:linear-gradient(170deg,#fff 10%,#fff8e8);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow)}.quick-panel h2{margin:0 0 10px;font-size:20px}.quick-panel ul{margin:0;padding-left:20px}.section{margin-top:36px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow);opacity:0;transform:translateY(14px);animation:riseIn .6s ease forwards}.section:nth-child(2){animation-delay:.08s}.section:nth-child(3){animation-delay:.16s}.section h2{margin:0 0 14px;font-size:28px}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8f5eb);border-radius:12px;padding:14px}.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:var(--ink-soft)}.section-privacy{border-left:8px solid var(--warm)}.section-privacy-link{border-left:8px solid #3d8b96}.policy-intro{margin:8px 0 12px}.policy-list{margin:0;padding-left:22px}.policy-list li{margin:8px 0}.policy-note{margin-top:14px;padding:10px 12px;background:var(--warm-soft);border-radius:10px}.inline-code{margin-left:6px;padding:2px 8px;border-radius:8px;border:1px solid var(--line);background:#fff;font-family:SFMono-Regular,Menlo,Consolas,monospace}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.support-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fcfcfc}.support-item h3{margin:0 0 6px;font-size:18px}.support-item p{margin:0}.support-item a{color:var(--accent-strong)}.privacy-page{padding-top:38px}.privacy-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.privacy-content{display:grid;grid-template-columns:1fr;gap:12px}.privacy-block{border:1px solid var(--line);border-radius:12px;padding:14px;background:linear-gradient(180deg,#fff,#faf8f0)}.privacy-block h2{margin:0 0 10px;font-size:22px}.privacy-paragraph{margin:0 0 10px;white-space:pre-line}.privacy-paragraph:last-child{margin-bottom:0}.privacy-block ul{margin:0;padding-left:20px}.privacy-block li{margin-bottom:8px}.footer{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ink-soft)}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}@media (max-width: 920px){.hero-grid,.card-grid,.support-grid{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start;margin-bottom:28px}.nav-links{flex-wrap:wrap}.privacy-header{flex-direction:column}.footer{flex-direction:column;align-items:flex-start}}
