:root {
            --primary: #2563eb;
            --primary-dark: #1d4ed8;
            --accent: #f59e0b;
            --bg: #ffffff;
            --bg-alt: #f8fafc;
            --bg-dark: #0f172a;
            --text: #1e293b;
            --text-light: #64748b;
            --border: #e2e8f0;
            --red: #ef4444;
            --green: #22c55e;
            --blue: #3b82f6;
            --max-w: 1100px;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            color: var(--text);
            line-height: 1.7;
            background: var(--bg);
        }

        /* ── Hero ── */
        .hero {
            background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #1e293b 100%);
            color: white;
            padding: 80px 24px 60px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .hero::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: radial-gradient(ellipse at 30% 50%, rgba(37, 99, 235, 0.15) 0%, transparent 70%),
                        radial-gradient(ellipse at 70% 50%, rgba(245, 158, 11, 0.1) 0%, transparent 70%);
            pointer-events: none;
        }
        .hero-content { position: relative; z-index: 1; max-width: var(--max-w); margin: 0 auto; }
        .hero h1 {
            font-size: 2.8rem;
            font-weight: 700;
            letter-spacing: -0.02em;
            margin-bottom: 8px;
            line-height: 1.2;
        }
        .hero .venue {
            display: inline-block;
            background: rgba(245, 158, 11, 0.2);
            border: 1px solid rgba(245, 158, 11, 0.4);
            color: #fbbf24;
            padding: 4px 16px;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 20px;
            letter-spacing: 0.05em;
        }
        .hero .subtitle {
            font-size: 1.15rem;
            color: #94a3b8;
            max-width: 750px;
            margin: 0 auto 32px;
            font-weight: 400;
        }
        .hero .authors {
            color: #cbd5e1;
            font-size: 0.95rem;
            margin-bottom: 28px;
        }
        .hero .authors a { color: #93c5fd; text-decoration: none; }
        .hero .authors a:hover { text-decoration: underline; }

        .btn-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 24px;
            border-radius: 8px;
            font-size: 0.9rem;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.2s;
        }
        .btn-primary {
            background: var(--primary);
            color: white;
            border: 1px solid var(--primary);
        }
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-1px); }
        .btn-outline {
            background: transparent;
            color: #e2e8f0;
            border: 1px solid #475569;
        }
        .btn-outline:hover { background: rgba(255,255,255,0.05); border-color: #94a3b8; }
        .btn svg { width: 18px; height: 18px; fill: currentColor; }

        /* ── Sections ── */
        section { padding: 60px 24px; }
        .container { max-width: var(--max-w); margin: 0 auto; }
        .section-title {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 12px;
            letter-spacing: -0.01em;
        }
        .section-subtitle {
            color: var(--text-light);
            font-size: 1.05rem;
            margin-bottom: 40px;
            max-width: 700px;
        }

        /* ── Abstract ── */
        .abstract {
            background: var(--bg-alt);
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
        }
        .abstract-text {
            font-size: 1rem;
            line-height: 1.8;
            color: #475569;
            max-width: 850px;
            text-align: justify;
        }

        /* ── Key Idea ── */
        .key-idea-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 32px;
            align-items: center;
        }
        .key-idea-img {
            width: 100%;
            border-radius: 12px;
            border: 1px solid var(--border);
            box-shadow: 0 4px 24px rgba(0,0,0,0.06);
        }
        .key-idea-text h3 {
            font-size: 1.3rem;
            margin-bottom: 16px;
            font-weight: 600;
        }
        .key-idea-text p {
            color: var(--text-light);
            margin-bottom: 12px;
        }

        /* ── Architecture ── */
        .arch-section { background: var(--bg-alt); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
        .arch-img {
            width: 100%;
            border-radius: 12px;
            border: 1px solid var(--border);
            box-shadow: 0 4px 24px rgba(0,0,0,0.06);
        }
        .arch-caption {
            margin-top: 16px;
            color: var(--text-light);
            font-size: 0.9rem;
            text-align: center;
        }

        /* ── Features ── */
        .features-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .feature-card {
            padding: 28px;
            border-radius: 12px;
            border: 1px solid var(--border);
            background: white;
            transition: box-shadow 0.2s;
        }
        .feature-card:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.08); }
        .feature-icon {
            width: 44px;
            height: 44px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            margin-bottom: 16px;
        }
        .feature-card h3 { font-size: 1.05rem; margin-bottom: 8px; font-weight: 600; }
        .feature-card p { color: var(--text-light); font-size: 0.9rem; line-height: 1.6; }

        /* ── Results Table ── */
        .results-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.92rem;
            margin-top: 24px;
        }
.results-table thead { color: #142033; }
        .results-table th {
            padding: 14px 18px;
            text-align: left;
            font-weight: 600;
            font-size: 0.85rem;
            letter-spacing: 0.03em;
            text-transform: uppercase;
        }
        .results-table th:first-child { border-radius: 0; }
        .results-table th:last-child { border-radius: 0; }
        .results-table td {
            padding: 12px 18px;
            border-bottom: 1px solid var(--border);
        }
        .results-table tbody tr:hover { background: #f1f5f9; }
        .results-table .best { font-weight: 700; color: var(--primary); }
        .results-table .category-row td {
            background: #f8fafc;
            font-weight: 600;
            font-size: 0.82rem;
            color: var(--text-light);
            text-transform: uppercase;
            letter-spacing: 0.04em;
            padding: 8px 18px;
        }

        /* ── Method Pipeline ── */
        .pipeline {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0;
            margin: 40px 0;
            flex-wrap: wrap;
        }
        .pipeline-step {
            text-align: center;
            padding: 20px 24px;
            background: white;
            border: 1px solid var(--border);
            border-radius: 12px;
            min-width: 160px;
            position: relative;
        }
        .pipeline-step .step-num {
            font-size: 0.75rem;
            font-weight: 700;
            color: var(--primary);
            text-transform: uppercase;
            letter-spacing: 0.08em;
            margin-bottom: 4px;
        }
        .pipeline-step .step-title { font-weight: 600; font-size: 0.95rem; margin-bottom: 4px; }
        .pipeline-step .step-detail { color: var(--text-light); font-size: 0.8rem; }
        .pipeline-arrow {
            font-size: 1.5rem;
            color: var(--text-light);
            padding: 0 8px;
        }

        /* ── Qualitative ── */
        .qual-img {
            width: 100%;
            border-radius: 12px;
            border: 1px solid var(--border);
            box-shadow: 0 4px 24px rgba(0,0,0,0.06);
        }
        .legend {
            display: flex;
            gap: 24px;
            justify-content: center;
            margin-top: 16px;
            flex-wrap: wrap;
        }
        .legend-item {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 0.85rem;
            color: var(--text-light);
        }
        .legend-dot {
            width: 14px;
            height: 14px;
            border-radius: 3px;
            border: 2px solid;
        }

        /* ── BibTeX ── */
        .bibtex-section { background: var(--bg-dark); color: #e2e8f0; }
        .bibtex-section .section-title { color: white; }
        .bibtex-block {
            background: #1e293b;
            border: 1px solid #334155;
            border-radius: 10px;
            padding: 24px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.85rem;
            line-height: 1.7;
            color: #94a3b8;
            overflow-x: auto;
            position: relative;
        }
        .bibtex-block .key { color: #f59e0b; }
        .bibtex-block .field { color: #22d3ee; }
        .bibtex-block .value { color: #a5b4fc; }
        .copy-btn {
            position: absolute;
            top: 12px;
            right: 12px;
            background: #334155;
            border: none;
            color: #94a3b8;
            padding: 6px 14px;
            border-radius: 6px;
            font-size: 0.8rem;
            cursor: pointer;
            font-family: 'Inter', sans-serif;
        }
        .copy-btn:hover { background: #475569; color: white; }

        /* ── Footer ── */
        footer {
            text-align: center;
            padding: 32px 24px;
            color: var(--text-light);
            font-size: 0.85rem;
            border-top: 1px solid var(--border);
        }
        footer a { color: var(--primary); text-decoration: none; }
        footer a:hover { text-decoration: underline; }

        /* ── Responsive ── */
        @media (max-width: 768px) {
            .hero h1 { font-size: 1.8rem; }
            .hero .subtitle { font-size: 1rem; }
            .key-idea-grid { grid-template-columns: 1fr; }
            .features-grid { grid-template-columns: 1fr; }
            .pipeline { flex-direction: column; }
            .pipeline-arrow { transform: rotate(90deg); }
            section { padding: 40px 16px; }
        }
    
:root{--primary:#006df2;--primary-dark:#0055bd;--accent:#ffbf00;--bg-dark:#30120e;--bg-alt:#f5f8fc;--text:#292d36;--text-light:#596579}
html{scroll-behavior:smooth;scroll-padding-top:75px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffbf00;outline-offset:5px}a{color:var(--primary)}
.hero{background:linear-gradient(120deg,#241311 0%,#3d1912 55%,#172743 100%);padding:64px 24px 56px;border-bottom:4px solid #ffbf00}.hero:before{background:radial-gradient(ellipse at 90% 0%,rgba(0,109,242,.23),transparent 65%)}
.topline{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 38px;position:relative;z-index:1}.topline>a{color:#fff;text-decoration:none;font-size:.9rem}.conference-mark{background:#fff;padding:7px 13px;border-radius:7px;line-height:0}.conference-mark img{width:151px;height:auto}
.hero h1{font-size:clamp(2rem,5.2vw,3.6rem);overflow-wrap:anywhere;letter-spacing:-.035em}.hero .subtitle{color:#e2e6ed;font-size:clamp(1.05rem,2.3vw,1.45rem);max-width:770px;margin:16px auto 26px;line-height:1.5}.hero .venue{font-size:.875rem;background:#ffbf0017;border-color:#ffbf0055;color:#ffcf45}.hero .authors{font-size:1rem;color:#e0dcd9;margin-bottom:26px}.author-list{display:flex;justify-content:center;gap:8px 22px;flex-wrap:wrap;margin-bottom:8px}.hero .authors a{color:#c4dfff}.affiliation{font-size:.95rem;color:#d6c9c6}.btn{font-size:.95rem}.btn-outline{border-color:#988784}.btn-outline:hover{background:#ffffff12}
.section-nav{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);z-index:5;border-bottom:1px solid var(--border);overflow:auto}.section-nav div{display:flex;gap:27px;justify-content:center;min-width:max-content;padding:14px 24px}.section-nav a{text-decoration:none;font-size:.875rem;font-weight:500;color:#596579}.section-nav a:hover{color:var(--primary)}
.overview{padding-top:42px;padding-bottom:45px}.teaser-figure{max-width:880px;margin:auto}.teaser-figure img{display:block;width:100%;height:auto}.teaser-figure figcaption{text-align:center;color:var(--text-light);font-size:.95rem;max-width:820px;margin:18px auto 0}.abstract-text{max-width:none;text-align:left}.abstract-text p+p{margin-top:16px}
.section-kicker{color:var(--primary);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:7px}.section-title{font-size:1.9rem}.section-subtitle{max-width:850px;margin-bottom:28px}.feature-card{border-top:3px solid var(--primary)}.feature-card:nth-child(2){border-top-color:#ffbf00}.feature-card:nth-child(3){border-top-color:#e9524b}.feature-icon{background:#edf4ff;color:var(--primary);font-size:1rem;font-weight:700}.feature-card p{font-size:.95rem}.arch-img{padding:18px;background:#fff;display:block}.arch-caption{font-size:.9rem}.figure-link{display:block;cursor:zoom-in}.figure-link:focus-visible{outline-offset:4px}.refinement{margin-top:28px;border:1px solid var(--border);border-radius:10px;padding:17px 20px;background:#fff}.refinement summary{cursor:pointer;font-weight:600;color:var(--primary)}.refinement img{width:100%;display:block;margin-top:22px}.refinement p{font-size:.95rem;color:var(--text-light);margin-top:14px}
.study-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.study-stat{border-left:3px solid var(--primary);padding:6px 20px}.study-stat strong{font-size:1.8rem;line-height:1.2;display:block;color:#30120e}.study-stat span{font-size:.9rem;color:var(--text-light)}.study-note{font-size:.95rem;color:var(--text-light);max-width:950px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.metric{background:#fff;border:1px solid var(--border);border-radius:10px;padding:23px}.metric strong{font-size:2.1rem;color:var(--primary);line-height:1.25;display:block}.metric span{font-size:.9rem;color:var(--text-light)}
.table-wrap{overflow:auto;border:1px solid #dbe6f3;border-radius:14px;margin-top:22px;background:#fff;box-shadow:0 12px 30px rgba(31,63,104,.08)}.results-table{margin-top:0;font-variant-numeric:tabular-nums;font-size:.9rem}.results-table th{font-size:.875rem;letter-spacing:0;text-transform:none;padding:13px 14px;white-space:nowrap}.results-table td{padding:11px 14px;white-space:nowrap}.results-table th:first-child{min-width:215px}.results-table thead tr:not(.group) th{background:#f2f7fd;color:#33445c;border-bottom:2px solid #d6e3f2;font-weight:700}.results-table thead tr:not(.group) th:nth-child(4),.results-table thead tr:not(.group) th:nth-child(7){border-left:2px solid #c7d8eb}.results-table tbody th{color:inherit;background:none;white-space:normal;line-height:1.5;border-bottom:1px solid var(--border);font-weight:400}.results-table tbody td:nth-child(5),.results-table tbody td:nth-child(8){border-left:2px solid #e3ebf5}.results-table tbody tr:last-child>*{border-bottom:0}.results-table .ours{background:#e9f4ff}.results-table .ours td,.results-table .ours th{font-weight:700;color:#0055bd}.results-table .group th{text-align:center;color:white;background:#2467b6;border:0;padding-top:15px;padding-bottom:15px}.results-table .group th:first-child{background:#163b68;text-align:left}.results-table .group th:nth-child(3){background:#087f8c}.results-table .group th:last-child{background:#b06a00}.results-table .group th:first-child{border-radius:13px 0 0 0}.results-table .group th:last-child{border-radius:0 13px 0 0}.table-note{font-size:.875rem;color:var(--text-light);margin-top:15px}.qualitative{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;margin-top:35px}.qualitative p{color:var(--text-light);margin-top:10px}.qual-img{padding:10px;background:white;display:block}.analysis-note{margin-top:25px;border-left:3px solid #ffbf00;background:#fff9e8;padding:18px 22px;color:#524429}.secondary-title{font-size:1.25rem;margin-top:35px;margin-bottom:10px}.forecast-img{width:100%;margin-top:28px;padding:15px;background:#fff;border:1px solid var(--border);border-radius:10px}.bibtex-block{background:#422720;border-color:#624035;color:#f0ded7;padding:24px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem}.citation-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.citation-head .section-title{margin:0}.copy-btn{position:static;background:#644536;color:white;border:1px solid #8a6959;font-size:.875rem}.copy-btn:hover{background:#795442}.citation-note{font-size:.875rem;color:#d4beb6;margin-bottom:18px}.copy-status{min-height:24px;color:#ffcf45;font-size:.875rem;margin-top:10px}.limitations{color:var(--text-light);max-width:1000px}.footer-links{margin-bottom:9px}.skip{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:20}.skip:focus{top:12px}
@media(max-width:768px){.hero{padding:24px 18px 42px}.topline{margin-bottom:30px}.conference-mark img{width:120px}.hero .venue{font-size:.8rem}.section-nav div{justify-content:flex-start;gap:23px}.study-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{gap:10px}.metric{padding:16px 12px}.metric strong{font-size:1.7rem}.metric span{font-size:.875rem}.qualitative{grid-template-columns:1fr}.arch-img{padding:8px}.section-title{font-size:1.65rem}.bibtex-block{font-size:.875rem;padding:18px}.author-list{gap:8px 16px}}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.metric{display:flex;align-items:center;gap:20px}.metric strong{min-width:100px}.study-stat{padding:6px 13px}.topline>a{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

img{max-width:100%;height:auto}