:root { --yd-bg:#050810; --yd-panel:rgba(11,18,33,.78); --yd-line:rgba(113,183,255,.18); --yd-text:#e7f2ff; --yd-muted:#99abc0; --yd-blue:#5ccaff; --yd-violet:#a78bfa; --yd-green:#56d6a2; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.yd-page { margin:0; color:var(--yd-text); background:radial-gradient(circle at 12% 0%,rgba(54,137,255,.16),transparent 32rem),radial-gradient(circle at 92% 16%,rgba(139,92,246,.14),transparent 30rem),var(--yd-bg); font-family:"Microsoft YaHei","PingFang SC",sans-serif; line-height:1.7; }
.yd-page a { color:inherit; text-decoration:none; }
.yd-wrap { width:min(1120px,calc(100% - 40px)); margin:0 auto; }
.yd-nav { position:sticky; top:0; z-index:20; border-bottom:1px solid rgba(132,190,255,.11); background:rgba(5,8,16,.84); backdrop-filter:blur(18px); }
.yd-nav-in { height:74px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.yd-brand { display:flex; align-items:center; gap:10px; min-width:max-content; font-size:17px; font-weight:700; letter-spacing:.08em; }
.yd-brand img { width:38px; height:38px; border-radius:50%; object-fit:cover; }
.yd-nav-links { list-style:none; display:flex; align-items:center; gap:4px; padding:0; margin:0; }
.yd-nav-links a { display:block; padding:8px 10px; color:#b8cbe0; font-size:14px; border-radius:6px; }
.yd-nav-links a:hover,.yd-nav-links a[aria-current="page"] { color:#fff; background:rgba(92,202,255,.12); }
.yd-hero { padding:90px 0 68px; border-bottom:1px solid rgba(132,190,255,.09); }
.yd-kicker { margin:0 0 18px; color:var(--yd-blue); font-size:12px; letter-spacing:.16em; }
.yd-hero h1 { max-width:850px; margin:0; font-size:clamp(34px,5vw,60px); line-height:1.22; letter-spacing:0; }
.yd-hero p { max-width:690px; margin:22px 0 0; color:var(--yd-muted); font-size:17px; }
.yd-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.yd-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; border:1px solid var(--yd-line); border-radius:7px; font-size:14px; transition:.2s ease; cursor:pointer; }
.yd-btn:hover { transform:translateY(-1px); border-color:rgba(108,207,255,.55); }
.yd-btn-primary { border-color:transparent; color:#03111e; background:linear-gradient(135deg,#77d9ff,#8498ff); font-weight:700; }
.yd-btn-muted { color:#c6dbef; background:rgba(13,23,41,.72); }
.yd-section { padding:76px 0; }
.yd-section-alt { border-top:1px solid rgba(132,190,255,.1); border-bottom:1px solid rgba(132,190,255,.1); background:rgba(10,16,30,.34); }
.yd-section-head { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:30px; }
.yd-section-head h2 { margin:0; font-size:clamp(25px,3vw,37px); line-height:1.28; }
.yd-section-head p { max-width:540px; margin:0; color:var(--yd-muted); font-size:14px; }
.yd-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.yd-grid.two { grid-template-columns:repeat(2,1fr); }
.yd-card { min-width:0; padding:25px; border:1px solid var(--yd-line); border-radius:8px; background:linear-gradient(145deg,rgba(19,31,54,.83),rgba(8,13,25,.84)); box-shadow:0 20px 45px rgba(0,0,0,.14); }
.yd-card:hover { border-color:rgba(100,199,255,.38); }
.yd-index { color:var(--yd-blue); font-size:12px; letter-spacing:.14em; }
.yd-card h3 { margin:11px 0 8px; font-size:20px; line-height:1.35; }
.yd-card p { margin:0; color:var(--yd-muted); font-size:14px; }
.yd-card .yd-btn { margin-top:20px; }
.yd-chipset { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.yd-chip { padding:3px 8px; border:1px solid rgba(113,183,255,.2); border-radius:4px; color:#a9cdea; font-size:11px; }
.yd-route { display:grid; grid-template-columns:74px 1fr; gap:18px; padding:25px 0; border-top:1px solid rgba(132,190,255,.12); }
.yd-route:first-child { border-top:0; }
.yd-route-step { color:var(--yd-blue); font-size:13px; letter-spacing:.12em; }
.yd-route h3 { margin:0 0 5px; font-size:19px; }.yd-route p { margin:0; color:var(--yd-muted); font-size:14px; }
.yd-note { padding:22px 24px; border-left:2px solid var(--yd-blue); background:rgba(64,153,255,.08); color:#b8d7f0; }
.yd-footer { padding:44px 0; color:#7489a1; font-size:13px; text-align:center; }
.yd-footer a { color:#9ecff0; }
.yd-form { display:grid; gap:15px; }.yd-field { display:grid; gap:7px; }.yd-field label { color:#c6d9ec; font-size:13px; }.yd-field input,.yd-field textarea,.yd-field select { width:100%; border:1px solid rgba(113,183,255,.2); border-radius:6px; padding:12px; background:rgba(3,9,19,.55); color:#eef7ff; font:inherit; outline:0; }.yd-field textarea { min-height:130px; resize:vertical; }.yd-field input:focus,.yd-field textarea:focus,.yd-field select:focus { border-color:var(--yd-blue); box-shadow:0 0 0 3px rgba(92,202,255,.1); }
.yd-result { white-space:pre-wrap; min-height:100px; color:#d9edff; }
.yd-callout { padding:28px; border:1px solid rgba(167,139,250,.28); border-radius:8px; background:linear-gradient(110deg,rgba(64,107,195,.16),rgba(47,30,100,.19)); }.yd-callout h2 { margin:0 0 8px; }.yd-callout p { margin:0; color:#b4c5db; }
.yd-article { max-width:790px; margin:0 auto; }.yd-article h2 { margin-top:44px; }.yd-article p { color:#b5c3d3; font-size:16px; }.yd-article blockquote { margin:30px 0; padding:18px 22px; border-left:2px solid var(--yd-violet); color:#d8cffa; background:rgba(139,92,246,.08); }
.yd-comments { margin-top:44px; padding-top:34px; border-top:1px solid rgba(132,190,255,.16); }.yd-comment { padding:17px 0; border-top:1px solid rgba(132,190,255,.1); }.yd-comment-head { display:flex; gap:12px; color:#c7d9ee; font-size:13px; }.yd-comment-date { color:#71859c; }.yd-comment p { margin:7px 0 0; color:#b8c6d6; font-size:14px; }.yd-reply { margin-top:12px; padding:12px 14px; border-left:2px solid var(--yd-violet); background:rgba(139,92,246,.08); color:#cfc6ef; font-size:14px; }
.yd-status { min-height:22px; margin:0; color:#9ab5ce; font-size:13px; }.yd-status.error { color:#ff9a9a; }.yd-status.success { color:#74e2b0; }
@media (max-width:820px){.yd-nav-in{height:auto;min-height:68px;align-items:flex-start;padding:14px 0}.yd-nav-links{flex-wrap:wrap;justify-content:flex-end;gap:0}.yd-nav-links a{padding:6px 8px;font-size:13px}.yd-grid,.yd-grid.two{grid-template-columns:1fr}.yd-section-head{display:block}.yd-section-head p{margin-top:12px}.yd-hero{padding:60px 0 48px}.yd-hero p{font-size:15px}.yd-route{grid-template-columns:55px 1fr}.yd-wrap{width:min(100% - 28px,1120px)}}