:root{--sky-50: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--bg-primary: #ffffff;--bg-soft: #f8fafc;--bg-island: #ffffff;--bg-cloud: rgba(255, 255, 255, .88);--grass-50: #f0fdf4;--grass-100: #dcfce7;--grass-500: #22c55e;--grass-600: #16a34a;--grass-700: #15803d;--amber-100: #fef3c7;--amber-700: #b45309;--text-main: #0f172a;--text-muted: #334155;--text-light: #64748b;--text-sky: #0369a1;--border-light: #e2e8f0;--border-sky: #bae6fd;--shadow-island: 0 10px 25px -5px rgba(2, 132, 199, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--shadow-island-hover: 0 20px 30px -10px rgba(2, 132, 199, .16), 0 10px 15px -5px rgba(15, 23, 42, .06);--shadow-float: 0 15px 35px rgba(14, 165, 233, .12);--container-max: 1200px;--radius-island: 16px;--radius-badge: 9999px;--radius-btn: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;color:var(--text-main);background-color:var(--bg-soft);line-height:1.65;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 15% 10%,rgba(56,189,248,.15) 0%,transparent 45%),radial-gradient(circle at 85% 30%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(186,230,253,.2) 0%,transparent 60%),var(--bg-soft);color:var(--text-main)}p,h1,h2,h3,h4,li,td,th{user-select:text;word-break:break-word}a{color:var(--sky-700);text-decoration:none;transition:color .2s ease,border-color .2s ease}a:hover{color:var(--sky-500)}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.island-card{background:var(--bg-island);border:1px solid var(--border-sky);border-radius:var(--radius-island);box-shadow:var(--shadow-island);padding:28px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.island-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sky-400),var(--grass-500));opacity:.85}.island-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-island-hover);border-color:var(--sky-400)}.island-cloud-tag{display:inline-flex;align-items:center;gap:6px;background:var(--sky-100);color:var(--sky-800);font-size:.82rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-badge);border:1px solid var(--sky-200)}.island-green-tag{display:inline-flex;align-items:center;gap:6px;background:var(--grass-100);color:var(--grass-700);font-size:.82rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-badge);border:1px solid rgba(34,197,94,.25)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--sky-600) 0%,var(--sky-700) 100%);color:#fff!important;font-weight:600;padding:12px 24px;border-radius:var(--radius-btn);border:1px solid var(--sky-700);box-shadow:0 4px 12px #0284c740;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.98rem}.btn-primary:hover{background:linear-gradient(135deg,var(--sky-500) 0%,var(--sky-600) 100%);box-shadow:0 6px 18px #0284c759;transform:translateY(-1px)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--sky-700)!important;font-weight:600;padding:12px 24px;border-radius:var(--radius-btn);border:1px solid var(--sky-300);box-shadow:0 2px 6px #0f172a0a;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.98rem}.btn-outline:hover{background:var(--sky-50);border-color:var(--sky-500);transform:translateY(-1px)}h1,h2,h3,h4{color:var(--text-main);font-weight:700;line-height:1.35}.section-title-wrap{text-align:center;margin-bottom:40px}.section-title{font-size:2rem;color:var(--sky-900);margin-bottom:12px;letter-spacing:-.02em}.section-subtitle{font-size:1.05rem;color:var(--text-light);max-width:720px;margin-left:auto;margin-right:auto}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(186,230,253,.6);box-shadow:0 2px 10px #0f172a08}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand-logo{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;color:var(--sky-800);text-decoration:none}.brand-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--sky-400),var(--sky-600));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 4px 10px #0284c747}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-item a{color:var(--text-muted);font-weight:500;font-size:.98rem;padding:6px 0;position:relative}.nav-item a:hover,.nav-item.active a{color:var(--sky-700)}.nav-item.active a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--sky-600);border-radius:2px}.site-footer{margin-top:auto;background:#fff;border-top:1px solid var(--border-light);padding:50px 0 30px;color:var(--text-muted);font-size:.92rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}.footer-col h4{font-size:1.02rem;color:var(--sky-900);margin-bottom:16px;font-weight:700}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col ul li a{color:var(--text-muted)}.footer-col ul li a:hover{color:var(--sky-600)}.footer-bottom{padding-top:24px;border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;color:var(--text-light);font-size:.86rem}.data-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border-light);border-radius:12px;background:#fff;box-shadow:0 4px 12px #0f172a08;margin:24px 0}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.94rem}.data-table th{background:var(--sky-50);color:var(--sky-900);font-weight:700;padding:14px 18px;border-bottom:1px solid var(--sky-200)}.data-table td{padding:14px 18px;border-bottom:1px solid var(--border-light);color:var(--text-main);vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#fafbfc}.notice-box{background:var(--sky-50);border-left:4px solid var(--sky-500);padding:18px 22px;border-radius:0 10px 10px 0;margin:20px 0;color:var(--sky-900);font-size:.95rem}.notice-box.warning{background:#fffbeb;border-left-color:#f59e0b;color:#92400e}.notice-box.green{background:var(--grass-50);border-left-color:var(--grass-500);color:#14532d}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--sky-600);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media(max-width:640px){.nav-inner{height:64px}.nav-links{gap:16px}.nav-item a{font-size:.9rem}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column;text-align:center}.section-title{font-size:1.6rem}}