/* Doraemon sky theme: full-page fixed wallpaper, readable translucent panels. */
:root{--paper:#eaf7ff;--ink:#173e60;--muted:#54758d;--green:#087ec0;--lime:#ffe182;--line:#c8e5f4}
body{background:#85c9ff;color:var(--ink);isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:url("doraemon-sky.png") center center/cover no-repeat;pointer-events:none}
.shell{max-width:1310px;padding:0 40px}
.header{margin-top:18px;height:80px;padding:0 25px;background:#ffffffed;border:1px solid #ffffff;border-radius:22px;box-shadow:0 8px 35px #1267ae14}
.logo{color:#096baf}.logo small{color:#5b89a6}.header-action{background:#e9f6ff;border-color:#d5ebfb;color:#2677a7}
.hero{margin-top:24px;padding:52px 25px 40px;min-height:540px;background:transparent;border-radius:25px;display:flex;align-items:flex-start;color:var(--ink);overflow:visible}
.hero:before{display:none}.hero-copy{background:#fffffff0;border:1px solid white;padding:34px 36px;border-radius:24px;max-width:625px;box-shadow:0 18px 60px #0865ac17}
.kicker{color:#4088b4;letter-spacing:1.7px}.kicker:before{background:#f2bf27}
h1{font-size:clamp(35px,3.7vw,51px);line-height:1.35;margin:22px 0 19px;letter-spacing:-1px}h1 em{color:#008ad8}
.hero-copy>p{color:#52788e;max-width:470px;font-size:13px}.hero-actions{margin-top:24px}.btn{background:#ffd65b;color:#684a00;box-shadow:0 5px 0 #e9b92a;border-radius:13px}.btn:hover{background:#ffe286}.textlink{color:#227cac}.hero-foot{color:#6c93a9;margin-top:28px;font-size:9px}.orbital{display:none}
.quickbar{background:#ffffffed;border:1px solid white;border-radius:20px;padding:23px 25px;margin:0;gap:25px;box-shadow:0 10px 35px #157bc51a}.quick-icon{background:#e4f5ff;color:#078bd1;border-radius:50%}.quick p{color:#638199}.quick .arr{color:#1591cf}
.section{margin-top:26px;background:#fffffff0;border:1px solid white;border-radius:24px;padding:29px 28px 25px;box-shadow:0 12px 40px #1477bb14}.sectionhead h2{color:#184e78;font-size:26px}.sectionhead p{color:#65889e}.overline{color:#4a98c3}.sectionhead>a{color:#277aab;border-color:#b4daef}.brands{gap:12px}.brand-card{border-color:#d7ebf8;box-shadow:0 4px 12px #078bd107;background:#fff}.brand-card h3{font-size:14px}.brand-card>a{color:#2581b7;border-color:#e1f1fa}.brand-card p,.tiny{color:#7792a5}.disclosure{color:#6a879a;font-size:10px}
.filters button{color:#628399}.filters button[aria-pressed="true"]{background:#058ed5}.search{background:#f5fbff;border-color:#d8ebf8}.story{border-color:#d9edf8;box-shadow:0 4px 12px #0d7dc207}.story:hover{box-shadow:0 12px 25px #0d7dc216}.story-meta span:first-child{color:#1388c5}.story-meta,.story p,.count{color:#6c879c}.story-bottom{color:#3888b5;border-color:#e3f2fa}.story-art{background:#e6f5ff}.art-line{border-color:#89c6e7}.art-dot{background:#078bce;border-color:#c3e6fb;box-shadow:0 0 0 15px #d9f1ff}.art-caption{color:#6a9cb9}.art-signal{background:#e4f4ff}.art-steps{background:#fff5d8}.art-wave{background:#f0ecff}.art-devices{background:#e7f7fb}.art-compare{background:#fff0e9}
.evidence{margin-top:26px;background:#f5fbfff2;border:1px solid white;box-shadow:0 12px 40px #1477bb14;border-radius:24px;color:#205d85}.evidence p{color:#63869c}.pill{background:#fff1bc;color:#97701e}.method-item{border-color:#d6eaf7}.method-item>b,.method-item>span:last-child{color:#3c9bcb}.method-item small{color:#7596aa}.method-item strong{color:#286282}
.about{margin:26px 0;background:#ffffffed;border:1px solid white;border-radius:24px;gap:55px;padding:32px}.about p{color:#6b879a}.about a{color:#2589bd}.update{border-color:#cde7f8}.update time{color:#6c9bb5}
.footer{margin-top:25px;padding:24px 26px;background:#ffffffed;border:1px solid white;border-radius:20px;color:#5a869f}.footer strong{color:#117dbd}.localnote{color:#285d7e;background:#ffffffd9;border-radius:12px;padding:8px;margin:14px 0 22px}
dialog{background:#f7fcff;border-color:#bde5ff;box-shadow:0 20px 80px #086fb54a}dialog::backdrop{background:#135f8f88}.close{color:#4588b2}.menu{border-color:#cbe8fa;color:#087fc4}.nav{background:#fff}.nav a:hover:after{background:#078bd1}
@media(max-width:1050px){.shell{padding:0 24px}.hero{padding:42px 0 30px;min-height:520px}.hero-copy{max-width:560px;padding:32px}.brands{grid-template-columns:repeat(3,1fr)}.hero-copy h1{font-size:45px}}
@media(max-width:700px){body:before{background-position:90% top;background-size:auto 100vh}.shell{padding:0 14px}.header{margin-top:12px;height:72px;padding:0 15px;border-radius:18px}.logo{font-size:20px}.nav{top:65px}.hero{margin-top:0;padding:235px 0 20px;min-height:0}.hero-copy{padding:26px 23px;background:#fffffff2;width:100%;border-radius:21px}.hero-copy h1{font-size:34px;letter-spacing:-1.2px;margin:19px 0 16px}.kicker{font-size:8px;letter-spacing:1.25px}.hero-copy>p{font-size:12px}.hero-actions{gap:18px}.btn{font-size:12px;padding:12px 16px;gap:18px}.textlink{font-size:11px}.hero-foot{font-size:8px;letter-spacing:.8px;margin-top:24px}.quickbar{padding:21px;gap:19px;border-radius:20px}.quick h2{font-size:13px}.quick p{font-size:10px}.section{padding:24px 17px 20px;margin-top:20px;border-radius:21px}.sectionhead h2{font-size:22px}.sectionhead>a{font-size:9px}.overline{font-size:8px;letter-spacing:1.5px}.brands{grid-template-columns:repeat(2,1fr);gap:9px}.brand-card{padding:14px 11px 0}.brand-card h3{font-size:13px}.brand-card p{font-size:9px}.tiny{font-size:7px!important}.brand-icon{width:30px;height:30px;font-size:14px}.stories{gap:14px}.story-body{padding:19px}.story h3{font-size:18px}.story p{font-size:11px}.evidence{margin-top:20px;padding:25px 22px;border-radius:21px}.evidence h2{font-size:23px}.about{margin:20px 0;padding:25px 22px;gap:22px;border-radius:21px}.about h2{font-size:18px}.update{border-color:#d1e9f8}.footer{padding:22px;margin-top:20px}.localnote{font-size:8px;padding:9px 12px}}
@media(max-width:370px){.hero-copy h1{font-size:30px}.hero-actions{gap:12px}.btn{padding:12px;gap:12px}}