.courseware-shell{--ink: #102a43;--muted: #526b7d;--line: #dbe7ee;--blue: #0b76b7;--cyan: #44c8e8;--yellow: #ffc83d;--orange: #ff8a34;--coral: #f45b69;--violet: #7667e8;--green: #18a77b;--pink: #e959a4;color:var(--ink);font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif}.courseware-shell,.courseware-shell *{box-sizing:border-box}.courseware-shell button,.courseware-shell input{font:inherit}.courseware-shell button{color:inherit}.courseware-shell button,.courseware-shell a{-webkit-tap-highlight-color:transparent}.courseware-shell{width:100vw;height:100svh;overflow:hidden;display:grid;grid-template-rows:clamp(58px,7.2vh,70px) minmax(0,1fr) clamp(38px,4.8vh,48px);background:#f8fcff}.courseware-topbar{min-width:0;padding:0 clamp(16px,3vw,46px);display:grid;grid-template-columns:minmax(210px,.82fr) minmax(590px,1.75fr) minmax(150px,.5fr);align-items:center;gap:18px;color:var(--ink);background:#fffffffa;border-bottom:1px solid #d8e8ef;box-shadow:0 7px 24px #224c630f;z-index:20}.mini-brand{min-width:0;border:0;padding:0;display:flex;align-items:center;gap:10px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.mini-brand b{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(145deg,#0b76b7,#27a9cf);font-weight:900;box-shadow:0 7px 15px #0b76b72e}.mini-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,1vw,15px);font-weight:800}.courseware-topbar nav{height:100%;min-width:0;display:grid;grid-template-columns:repeat(7,1fr)}.courseware-topbar nav button{min-width:0;border:0;border-bottom:3px solid transparent;padding:0 4px;display:flex;justify-content:center;align-items:center;gap:6px;color:#688092;background:transparent;cursor:pointer;transition:.18s ease}.courseware-topbar nav button:hover{color:var(--blue);background:#f3f8fb}.courseware-topbar nav button.active{color:var(--blue);border-bottom-color:var(--blue);background:#f5fbfe}.courseware-topbar nav i{width:20px;height:20px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#eaf2f6;font: 700 9px Georgia,serif}.courseware-topbar nav button.active i{color:#fff;background:var(--blue)}.courseware-topbar nav span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(10px,.85vw,13px);font-weight:700}.author-mini{justify-self:end;padding:8px 12px;border:1px solid #cfe1eb;border-radius:8px;color:#48677b;background:#f7fbfd;font-size:clamp(10px,.8vw,12px);white-space:nowrap}.slide-viewport{min-height:0;min-width:0;position:relative;overflow:hidden}.slide{width:100%;height:100%;min-width:0;overflow:hidden;position:relative;animation:slide-in .34s ease both}@keyframes slide-in{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}}.content-slide{padding:clamp(18px,2.5vh,30px) clamp(28px,4vw,68px) clamp(14px,2vh,24px);display:flex;flex-direction:column;gap:clamp(14px,2vh,22px)}.slide-title{flex:0 0 auto;min-width:0;display:grid;grid-template-columns:auto minmax(340px,1fr) minmax(250px,.8fr);align-items:end;gap:15px}.slide-title>span{width:clamp(42px,4.2vw,58px);height:clamp(42px,4.2vw,58px);display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--orange),var(--coral));box-shadow:0 10px 22px #f45b692b;font:800 clamp(13px,1.2vw,17px) Georgia,serif}.slide-title p{margin:0 0 3px;color:var(--blue);font-size:clamp(10px,.8vw,12px);font-weight:850;letter-spacing:.15em}.slide-title h2{margin:0;font-size:clamp(27px,2.65vw,42px);line-height:1.18;letter-spacing:0}.slide-title small{max-width:560px;justify-self:end;color:var(--muted);font-size:clamp(13px,1vw,16px);line-height:1.6}.hero-slide{background:#fbfdff}.hero-slide:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 18% 22%,#ffffffe0,#ffffff59 30%,#fff0 55%),linear-gradient(90deg,#fffffff5,#ffffffdb 32%,#fff3 60%,#fff0);pointer-events:none}.hero-slide:after{content:"";position:absolute;inset:auto 0 0;z-index:1;height:27%;background:linear-gradient(0deg,#f8fcffb8,#f8fcff00);pointer-events:none}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-title-block{position:absolute;z-index:2;left:clamp(42px,7.2vw,124px);top:clamp(104px,14.2vh,150px);width:min(43vw,620px);display:grid;align-content:start;justify-items:start;gap:clamp(10px,1.6vh,16px)}.hero-title-block h1{margin:0;max-width:9em;color:#111827;font-size:clamp(46px,5.45vw,86px);line-height:1.04;letter-spacing:0;font-weight:900;text-wrap:balance}.hero-subject{margin:0;padding:8px 14px;border:1px solid rgba(176,217,238,.76);border-radius:999px;color:#0879b4;background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 22px #2382b314;font-size:clamp(11px,.92vw,14px);font-weight:850;white-space:nowrap}.hero-author{margin:0;color:#20384a;font-size:clamp(16px,1.35vw,22px);font-weight:850;letter-spacing:0}.hero-intro{margin:0;max-width:34em;color:#456a80;font-size:clamp(13px,1.05vw,16px);line-height:1.7;font-weight:720;white-space:normal}.start-button{margin-top:clamp(4px,.8vh,10px);min-width:152px;min-height:clamp(44px,5.2vh,54px);border:0;border-radius:999px;padding:0 20px;display:inline-flex;justify-content:center;align-items:center;gap:18px;color:#fff;background:linear-gradient(135deg,#0071e3,#28c4d8);box-shadow:0 16px 34px #0071e333;font-weight:850;cursor:pointer;white-space:nowrap}.start-button span{font-size:21px}.hero-tags{position:absolute;z-index:2;left:50%;bottom:clamp(12px,2vh,24px);transform:translate(-50%);display:flex;gap:8px}.hero-tags span{padding:7px 12px;border:1px solid rgba(255,255,255,.65);border-radius:99px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#386d88;font-size:10px;font-weight:800}.principle-slide{background:radial-gradient(circle at 92% 10%,rgba(255,200,61,.22),transparent 22%),linear-gradient(135deg,#f6fdff,#fffaf0)}.principle-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(310px,.74fr) minmax(520px,1.4fr);gap:clamp(16px,2vw,30px)}.principle-cards{min-height:0;display:grid;grid-template-rows:repeat(3,1fr) auto;gap:9px}.ray-card{min-height:0;padding:clamp(10px,1.5vh,16px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-left:6px solid currentColor;border-radius:15px;background:#ffffffe0;box-shadow:0 8px 22px #2c5c770f}.ray-card.red{color:#dc3f64}.ray-card.purple{color:#6756dd}.ray-card.green{color:#078b69}.ray-card>b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#fff;background:currentColor;font:800 11px Georgia,serif}.ray-card strong{color:var(--ink);font-size:clamp(13px,1.1vw,17px)}.ray-card p{margin:3px 0 0;color:var(--muted);font-size:clamp(10px,.8vw,12px);line-height:1.5}.ray-swatch{font-size:30px;font-weight:300}.method-note{padding:clamp(10px,1.5vh,15px);border-radius:14px;color:#755817;background:linear-gradient(135deg,#fff4c7,#fff9e8)}.method-note strong{font-size:12px}.method-note p{margin:4px 0 0;font-size:clamp(10px,.78vw,12px);line-height:1.5}.principle-canvas-wrap{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #c8e2ed;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 18px 38px #1a68911a}.canvas-badge{min-height:36px;padding:7px 14px;display:flex;align-items:center;gap:7px;color:#537187;background:#fff;font-size:10px;font-weight:800}.red-dot{width:8px;height:8px;border-radius:50%;background:var(--coral)}.optics-canvas{display:block;width:100%;height:100%;min-height:0;cursor:ew-resize;touch-action:none}.optics-canvas.compact{cursor:default}.real-virtual-strip{min-height:50px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid var(--line)}.real-virtual-strip div{padding:8px 14px;display:flex;align-items:center;gap:8px}.real-virtual-strip div:first-child{border-right:1px solid var(--line)}.real-virtual-strip b{color:var(--blue);font-size:11px}.real-virtual-strip span{color:var(--muted);font-size:9px}.lab-slide{background:linear-gradient(135deg,#f7fdff,#fff9f0)}.lab-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(580px,1.55fr) minmax(280px,.58fr);gap:clamp(12px,1.6vw,22px)}.lab-canvas-card{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid #c9e0eb;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 16px 36px #21688d17}.canvas-tools{min-height:44px;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#456b82;background:#fff;font-size:clamp(11px,.9vw,14px);font-weight:800}.canvas-tools>div{display:flex;gap:10px}.canvas-tools label{display:flex;align-items:center;gap:4px;cursor:pointer}.canvas-tools input{accent-color:var(--blue)}.lab-controls{min-height:0;display:flex;flex-direction:column;gap:clamp(7px,1.15vh,12px)}.result-card{padding:clamp(12px,1.8vh,18px);border-radius:10px;color:#fff;background:linear-gradient(135deg,#1686c4,#33bcd0);box-shadow:0 12px 27px #1686c42b}.result-card.virtual{background:linear-gradient(135deg,#7667e8,#a05fe5)}.result-card.infinite{background:linear-gradient(135deg,#f28a33,#f2b63d)}.result-card p{margin:0 0 4px;color:#fffc;font-size:12px;font-weight:800}.result-card h3{margin:0;font-size:clamp(19px,1.6vw,25px);line-height:1.3}.result-card div{margin-top:7px}.result-card span{padding:5px 8px;border-radius:7px;color:#fff;background:#ffffff29;font-size:11px}.preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.preset-grid button{min-width:0;border:1px solid var(--line);border-radius:10px;padding:7px 3px;background:#fff;cursor:pointer}.preset-grid button strong,.preset-grid button span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-grid strong{font:800 13px Georgia,serif}.preset-grid span{margin-top:3px;color:var(--muted);font-size:9px}.preset-grid button.active{color:#fff;border-color:transparent}.preset-grid button.active span{color:#ffffffbf}.preset-grid button.active.blue{background:var(--blue)}.preset-grid button.active.violet{background:var(--violet)}.preset-grid button.active.orange{background:var(--orange)}.preset-grid button.active.green{background:var(--green)}.preset-grid button.active.pink{background:var(--pink)}.lab-slider{padding:clamp(9px,1.3vh,13px);border:1px solid var(--line);border-radius:13px;background:#fff}.lab-slider>span{margin-bottom:7px;display:flex;justify-content:space-between;gap:10px}.lab-slider b{font-size:13px}.lab-slider small{color:var(--blue);font-size:11px;font-weight:800}.lab-slider input{width:100%;accent-color:var(--blue);cursor:pointer}.lab-observe-note{padding:clamp(10px,1.4vh,14px);display:grid;gap:4px;border:1px solid #d6e6ec;border-radius:13px;color:#3e6479;background:#f5fafc}.lab-observe-note b{color:var(--blue);font-size:12px}.lab-observe-note span{font-size:clamp(11px,.9vw,13px);line-height:1.5}.laws-slide{background:linear-gradient(135deg,#fbfdff,#fffaf1)}.law-table{min-height:0;flex:1;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:clamp(7px,1vh,11px)}.law-row{min-height:0;border:1px solid var(--line);border-left:6px solid currentColor;border-radius:10px;padding:clamp(8px,1.05vh,13px) clamp(12px,1.6vw,22px);display:grid;grid-template-columns:46px minmax(150px,.75fr) 34px minmax(160px,.75fr) 34px minmax(300px,1.35fr) auto;align-items:center;gap:clamp(10px,1.3vw,22px);color:var(--blue);background:#fffffff5;box-shadow:0 10px 24px #2a5b750f;text-align:left;cursor:pointer;transition:.18s ease}.law-row:hover{transform:translate(4px);border-color:color-mix(in srgb,currentColor 44%,white);box-shadow:0 14px 28px #2a5b751a}.courseware-shell .blue{color:var(--blue)}.courseware-shell .violet{color:var(--violet)}.courseware-shell .orange{color:var(--orange)}.courseware-shell .green{color:var(--green)}.courseware-shell .pink{color:var(--pink)}.law-number{height:100%;min-height:54px;display:grid;place-items:center;border-radius:8px;color:currentColor;background:color-mix(in srgb,currentColor 9%,white);font:850 15px Georgia,serif}.law-cell{min-width:0;display:grid;gap:4px}.law-cell small{color:#7890a0;font-size:clamp(12px,.9vw,15px);font-weight:850}.law-position strong,.law-distance strong{display:block;color:currentColor;font:850 clamp(25px,2.25vw,39px) Georgia,serif}.law-image strong{display:block;color:var(--ink);font-size:clamp(20px,1.55vw,28px);line-height:1.25}.law-row-arrow{color:#b4c5cf;font-size:clamp(24px,2.1vw,36px);font-weight:300}.law-action{padding:9px 13px;border-radius:8px;color:currentColor;background:color-mix(in srgb,currentColor 10%,white);font-size:clamp(12px,.9vw,14px);font-weight:850;white-space:nowrap}.law-memory{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:10px}.law-memory>div{padding:clamp(9px,1.4vh,14px);display:grid;grid-template-columns:auto 1fr;gap:2px 10px;border-radius:13px;background:#eef8fc}.law-memory>div:nth-child(2){background:#fff3db}.law-memory>div:nth-child(3){background:#f1edff}.law-memory b{grid-row:1 / 3;padding:4px 7px;align-self:center;border-radius:7px;color:var(--blue);background:#fff;font-size:9px}.law-memory strong{font-size:clamp(11px,1vw,14px)}.law-memory p{margin:0;color:var(--muted);font-size:9px}.apps-slide{background:linear-gradient(135deg,#f7fbfd,#fffaf4)}.application-rows{min-height:0;flex:1;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(7px,1vh,11px)}.application-row{min-height:0;width:100%;border:1px solid var(--line);border-left:5px solid currentColor;border-radius:10px;padding:7px 13px 7px 7px;display:grid;grid-template-columns:42px clamp(162px,17vw,260px) minmax(80px,.42fr) minmax(96px,.5fr) 30px minmax(320px,1.72fr) auto;align-items:center;gap:clamp(10px,1.35vw,22px);color:var(--blue);background:#fffffff5;box-shadow:0 9px 24px #274d620f;text-align:left;cursor:pointer;overflow:hidden;transition:.18s ease}.application-row:hover{transform:translate(4px);border-color:color-mix(in srgb,currentColor 42%,white);box-shadow:0 13px 28px #274d621a}.application-index{height:100%;min-height:78px;display:grid;place-items:center;border-radius:8px;color:currentColor;background:color-mix(in srgb,currentColor 9%,white);font:850 14px Georgia,serif}.application-device-photo{width:100%;height:100%;min-height:92px;position:relative;overflow:hidden;border-radius:8px;background:#f6f8fa}.application-device-photo img{display:block;width:100%;height:100%;object-fit:contain;padding:0;transform:scale(1.32)}.application-name,.application-rule,.application-nature{min-width:0;display:grid;gap:3px}.application-row small{color:#7890a0;font-size:clamp(11px,.85vw,14px);font-weight:800;letter-spacing:.04em}.application-name strong{color:var(--ink);font-size:clamp(19px,1.6vw,25px)}.application-rule strong{color:currentColor;font:850 clamp(17px,1.5vw,24px) Georgia,serif}.application-nature strong{color:var(--ink);font-size:clamp(17px,1.35vw,23px)}.application-nature em{overflow:hidden;color:var(--muted);font-size:clamp(12px,.92vw,15px);font-style:normal;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.row-link{color:#aac0cc;font-size:27px}.verify-chip{padding:7px 10px;border-radius:8px;color:currentColor;background:color-mix(in srgb,currentColor 10%,white);font-size:11px;font-weight:850;white-space:nowrap}.instruments-slide{background:linear-gradient(135deg,#f7fbfd,#fffaf4)}.instrument-board{min-height:0;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,26px)}.instrument-panel{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(190px,.92fr) minmax(250px,1.08fr);overflow:hidden;border:1px solid var(--line);border-top:6px solid currentColor;border-radius:10px;background:#fffffff5;box-shadow:0 14px 32px #234a5f14;color:var(--blue)}.instrument-photo{min-height:0;position:relative;overflow:hidden;background:#f6f8fa}.instrument-photo img{display:block;width:100%;height:100%;object-fit:contain;padding:clamp(6px,.8vw,12px);transform:scale(1.18)}.instrument-content{min-width:0;padding:clamp(14px,1.5vw,22px);display:flex;flex-direction:column;gap:clamp(12px,1.5vh,18px)}.instrument-heading small{color:currentColor;font-size:clamp(23px,2vw,34px);font-weight:900;letter-spacing:0}.instrument-heading h3{margin:5px 0 0;color:var(--muted);font-size:clamp(13px,1vw,16px);font-weight:700;line-height:1.45}.instrument-flow{min-height:0;flex:1;display:grid;grid-template-rows:1fr 1fr;gap:10px}.instrument-step{min-height:0;padding:clamp(9px,1.1vw,14px);display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;border-radius:8px;background:#f5f9fb}.role-step{grid-row:1 / 3;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--blue);font:800 10px Georgia,serif}.instrument-step>div{min-width:0;display:grid;gap:3px}.instrument-step b{color:currentColor;font-size:clamp(17px,1.25vw,22px)}.instrument-step small{color:#758c9b;font-size:clamp(11px,.84vw,13px)}.instrument-step strong{color:var(--ink);font-size:clamp(13px,1vw,17px);line-height:1.35}.instrument-step em{padding:5px 8px;border-radius:7px;color:#157454;background:#e7f7ef;font-size:11px;font-style:normal;font-weight:850;white-space:nowrap}.instrument-summary{flex:0 0 auto;padding:11px 16px;display:grid;grid-template-columns:auto 1fr auto auto 1.2fr auto;align-items:center;gap:12px;border-radius:8px;color:#3f657a;background:#eaf5fa;font-size:clamp(11px,.95vw,14px)}.instrument-summary b{color:var(--blue)}.instrument-summary i{color:#93a9b6;font-style:normal}.quiz-slide{background:radial-gradient(circle at 10% 20%,rgba(68,200,232,.17),transparent 20%),radial-gradient(circle at 90% 88%,rgba(255,138,52,.15),transparent 20%),#fbfdff}.quiz-grid{min-height:0;flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,18px)}.quiz-box{min-height:0;padding:clamp(14px,1.6vw,23px);border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 13px 28px #275b7614}.quiz-head{min-height:clamp(55px,8vh,80px);display:grid;grid-template-columns:auto 1fr;align-items:start;gap:11px}.quiz-head>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));font:800 10px Georgia,serif}.quiz-head h3{margin:3px 0 0;font-size:clamp(14px,1.25vw,19px);line-height:1.45}.quiz-choices{display:grid;gap:clamp(5px,.8vh,8px)}.quiz-choices button{min-height:clamp(35px,5.2vh,48px);border:1px solid var(--line);border-radius:11px;padding:6px 9px;display:flex;align-items:center;gap:8px;background:#fbfdfe;text-align:left;font-size:clamp(9px,.78vw,12px);cursor:pointer}.quiz-choices i{width:23px;height:23px;flex:0 0 auto;display:grid;place-items:center;border-radius:7px;color:#5a7486;background:#eaf2f6;font: 800 9px Georgia,serif}.quiz-choices button.correct{border-color:#53bf91;color:#15704d;background:#ecfaf3}.quiz-choices button.wrong{border-color:#ef8298;color:#9d2844;background:#fff0f3}.quiz-choices button.muted{opacity:.48}.feedback{margin:7px 0 0;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:850}.feedback.good{color:#15704d;background:#eaf9f1}.feedback.try{color:#955a10;background:#fff1d7}.finish-band{flex:0 0 auto;min-height:clamp(54px,7vh,68px);padding:9px 16px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff;background:linear-gradient(90deg,#6657d9,#1686c4,#20a999)}.finish-band span,.finish-band strong{display:block}.finish-band span{color:#ffffffb3;font-size:8px}.finish-band strong{margin-top:2px;font-size:clamp(12px,1.2vw,17px)}.finish-band button{border:1px solid rgba(255,255,255,.45);border-radius:10px;padding:8px 12px;color:#fff;background:#ffffff1f;font-size:9px;font-weight:850;cursor:pointer}.slide-footer{min-width:0;padding:0 clamp(16px,3vw,46px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#61798b;background:#fff;border-top:1px solid var(--line);z-index:20}.page-dots{display:flex;gap:7px}.page-dots button{width:7px;height:7px;border:0;border-radius:99px;padding:0;background:#bfd0da;cursor:pointer;transition:.18s ease}.page-dots button.active{width:24px;background:var(--orange)}.page-count{display:flex;align-items:baseline;gap:3px;font:11px Georgia,serif}.page-count strong{color:var(--blue);font-size:17px}.page-arrows{justify-self:end;display:flex;gap:6px}.page-arrows button{width:30px;height:27px;border:1px solid var(--line);border-radius:8px;color:var(--blue);background:#fff;cursor:pointer}.page-arrows button:disabled{color:#bac9d1;cursor:default}@media(max-height:720px){.content-slide{padding-top:14px;padding-bottom:10px;gap:10px}.slide-title>span{width:42px;height:42px;border-radius:13px}.slide-title h2{font-size:26px}.slide-title small{font-size:10px}.method-note p{line-height:1.35}.law-row{padding-top:6px;padding-bottom:6px}.law-number{min-height:44px}.law-position strong,.law-distance strong{font-size:24px}.law-image strong{font-size:18px}.application-device-photo{min-height:64px}.instrument-content{padding:10px;gap:7px}.instrument-panel{grid-template-rows:minmax(145px,.86fr) minmax(220px,1.14fr)}.instrument-step{padding:7px}}@media(max-width:980px){.courseware-topbar{grid-template-columns:170px 1fr;padding:0 15px}.author-mini{display:none}.courseware-topbar nav span{display:none}.content-slide{padding-left:22px;padding-right:22px}.slide-title{grid-template-columns:auto 1fr}.slide-title small{display:none}.principle-layout{grid-template-columns:.72fr 1.28fr}.lab-layout{grid-template-columns:1.4fr .65fr}.law-row{grid-template-columns:30px minmax(92px,.62fr) 18px minmax(100px,.65fr) 18px minmax(190px,1.25fr);gap:8px}.law-number{min-height:46px;font-size:10px}.law-position strong,.law-distance strong{font-size:20px}.law-image strong{font-size:15px}.law-action{display:none}.application-row{grid-template-columns:28px 120px 78px 80px 20px minmax(220px,1fr)}.application-index{min-height:58px;font-size:10px}.verify-chip{display:none}.instrument-panel{grid-template-rows:minmax(135px,.8fr) minmax(230px,1.2fr)}}@media(max-width:720px){.courseware-shell{grid-template-rows:54px minmax(0,1fr) 38px}.courseware-topbar{grid-template-columns:43px 1fr;gap:6px;padding:0 8px}.mini-brand span{display:none}.mini-brand b{width:34px;height:34px}.courseware-topbar nav button{padding:0}.courseware-topbar nav i{width:19px;height:19px}.content-slide{padding:10px;gap:7px}.slide-title{gap:8px}.slide-title>span{width:34px;height:34px;border-radius:10px;font-size:10px}.slide-title p{display:none}.slide-title h2{font-size:18px}.hero-photo{object-position:56% center}.hero-title-block{left:18px;right:18px;top:68px;width:auto;gap:7px}.hero-title-block h1{max-width:8.2em;font-size:30px;letter-spacing:0}.hero-subject{padding:6px 10px;font-size:9px}.hero-author{font-size:12px}.hero-intro{display:none}.start-button{min-width:112px;min-height:38px;padding:0 12px;gap:8px;font-size:10px}.principle-layout{grid-template-columns:.85fr 1.15fr;gap:7px}.principle-cards{gap:4px}.ray-card{padding:5px;border-left-width:3px;gap:5px}.ray-card>b{width:20px;height:20px;border-radius:6px}.ray-card strong{font-size:9px}.ray-card p{font-size:7px}.ray-swatch{display:none}.method-note{padding:5px}.method-note strong{font-size:8px}.method-note p{font-size:7px}.real-virtual-strip span{display:none}.lab-layout{grid-template-columns:1.35fr .65fr;gap:6px}.canvas-tools{padding:4px 6px}.canvas-tools>div{gap:3px}.canvas-tools label{font-size:7px}.lab-controls{gap:4px}.result-card{padding:7px}.result-card h3{font-size:12px}.preset-grid{grid-template-columns:repeat(5,1fr);gap:2px}.preset-grid button{padding:4px 1px}.preset-grid strong{font-size:7px}.preset-grid span{display:none}.lab-slider{padding:5px}.lab-slider b{font-size:8px}.lab-slider small{display:none}.lab-observe-note{padding:5px}.lab-observe-note b{font-size:8px}.lab-observe-note span{font-size:7px}.law-table{gap:3px}.law-row{border-radius:8px;border-left-width:3px;padding:4px;grid-template-columns:16px 43px 8px 46px 8px 1fr;gap:3px}.law-number{min-height:30px;border-radius:4px;font-size:6px}.law-cell small,.law-action{display:none}.law-position strong,.law-distance strong{font-size:9px}.law-image strong{font-size:8px}.law-row-arrow{font-size:10px}.law-memory{gap:3px}.law-memory>div{padding:5px;grid-template-columns:1fr}.law-memory b,.law-memory p{display:none}.law-memory strong{font-size:8px}.application-rows{gap:3px}.application-row{padding:3px;border-left-width:3px;border-radius:8px;grid-template-columns:18px 70px 50px 53px 10px 1fr;gap:4px}.application-index{min-height:42px;border-radius:5px;font-size:6px}.application-device-photo{min-height:42px;border-radius:5px}.application-row small,.application-nature em,.verify-chip{display:none}.application-name strong,.application-rule strong,.application-nature strong{font-size:8px}.row-link{font-size:12px}.instrument-board{gap:4px}.instrument-panel{border-radius:8px;border-top-width:3px;grid-template-rows:minmax(70px,.75fr) minmax(150px,1.25fr)}.instrument-photo img{padding:5px}.instrument-content{padding:5px;gap:4px}.instrument-heading small{font-size:11px}.instrument-heading h3{display:none}.instrument-flow{gap:3px}.instrument-step{padding:3px;grid-template-columns:15px 1fr;gap:3px;border-radius:5px}.role-step{width:15px;height:15px;border-radius:4px;font-size:6px}.instrument-step b{font-size:8px}.instrument-step small,.instrument-step em{display:none}.instrument-step strong{font-size:6px}.instrument-summary{padding:4px;gap:4px;font-size:7px;grid-template-columns:auto 1fr auto 1fr}.instrument-summary i{display:none}.quiz-grid{gap:4px}.quiz-box{padding:6px;border-radius:9px}.quiz-head{min-height:35px;gap:4px}.quiz-head>span{width:20px;height:20px;border-radius:5px;font-size:7px}.quiz-head h3{font-size:8px}.quiz-choices{gap:3px}.quiz-choices button{min-height:25px;padding:3px;gap:3px;font-size:6px}.quiz-choices i{width:16px;height:16px;border-radius:4px;font-size:6px}.feedback{font-size:6px}.finish-band{min-height:38px;padding:5px 8px}.finish-band strong{font-size:8px}.finish-band button{padding:4px 6px;font-size:6px}}@media(prefers-reduced-motion:reduce){.courseware-shell .slide{animation:none}.courseware-shell *,.courseware-shell *:before,.courseware-shell *:after{transition-duration:.01ms!important}}.sea-land-breeze-courseware{--ink: #0a3442;--deep: #062a3a;--panel: rgba(247, 253, 251, .96);--line: rgba(137, 210, 220, .34);--cyan: #4de7f5;--orange: #ffad67}.sea-land-breeze-courseware,.sea-land-breeze-courseware *{box-sizing:border-box}.sea-land-breeze-courseware{margin:0;width:100%;min-height:100%}.sea-land-breeze-courseware{overflow:hidden;color:#f7ffff;background:#032333;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}.sea-land-breeze-courseware button,.sea-land-breeze-courseware input,.sea-land-breeze-courseware summary{font:inherit}.sea-land-breeze-courseware button{color:inherit}.sea-land-breeze-courseware.courseware{width:100vw;height:100dvh;padding:9px;background:radial-gradient(circle at 24% 10%,rgba(48,183,202,.2),transparent 34%),linear-gradient(145deg,#063448,#021b29)}.sea-land-breeze-courseware .stage{width:100%;height:100%;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:106px minmax(0,1fr) 148px;gap:10px;overflow:hidden;border:1px solid rgba(148,227,236,.38);border-radius:17px;background:#011925d1;box-shadow:0 22px 70px #000c187a,inset 0 0 50px #51d7e50d}.sea-land-breeze-courseware .topbar{grid-column:1 / 3;grid-row:1;min-width:0;display:grid;grid-template-columns:minmax(430px,1fr) auto 156px 180px;align-items:center;gap:14px;padding:8px 14px 8px 20px;border:1px solid rgba(135,218,227,.25);border-radius:13px;background:linear-gradient(90deg,#063849eb,#052a39eb)}.sea-land-breeze-courseware .sound-control{position:relative;width:156px;height:49px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:6px 8px;overflow:hidden;border:1px solid rgba(124,222,232,.42);border-radius:10px;color:#e9fdff;text-align:left;background:#0a4e5cb8;cursor:pointer}.sea-land-breeze-courseware .sound-control:after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 #58e5ef6b;animation:soundPrompt 1.8s ease-out infinite;pointer-events:none}.sea-land-breeze-courseware .sound-control.active{border-color:#85f1c9a6;background:linear-gradient(145deg,#0f7166eb,#084e5beb)}.sea-land-breeze-courseware .sound-control.active:after{animation:none}.sea-land-breeze-courseware .sound-control>span{grid-row:1 / 3;font-size:21px}.sea-land-breeze-courseware .sound-control b{font-size:11px;white-space:nowrap}.sea-land-breeze-courseware .sound-control small{color:#9fd4da;font-size:10px;white-space:nowrap}.sea-land-breeze-courseware .sound-control.active small{color:#b9f5dc}.sea-land-breeze-courseware .title-block{min-width:0}.sea-land-breeze-courseware .eyebrow{margin-bottom:2px;font-size:11px;font-weight:800;letter-spacing:.18em;color:#8bdbe4}.sea-land-breeze-courseware .title-block h1{margin:0;white-space:nowrap;font-family:Songti SC,STSong,serif;font-size:clamp(31px,3vw,46px);line-height:1.08;letter-spacing:.03em;font-weight:900;color:#fff;text-shadow:0 2px 18px rgba(61,221,236,.16)}.sea-land-breeze-courseware .title-block p{margin:5px 0 0;font-family:Songti SC,STSong,serif;font-size:15px;font-weight:800;letter-spacing:.1em;color:#bdeaf0;white-space:nowrap}.sea-land-breeze-courseware .mode-switch{display:flex;gap:4px;padding:4px;border:1px solid rgba(146,222,231,.28);border-radius:11px;background:#011a278c}.sea-land-breeze-courseware .mode-switch button{width:137px;height:49px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:5px 10px 5px 6px;border:0;border-radius:8px;text-align:left;color:#b9d8dc;background:transparent;cursor:pointer;transition:.2s ease}.sea-land-breeze-courseware .mode-switch span{grid-row:1 / 3;text-align:center;font-size:22px}.sea-land-breeze-courseware .mode-switch b{font-size:12px;white-space:nowrap}.sea-land-breeze-courseware .mode-switch small{color:#7faeb7;font-size:10px;white-space:nowrap}.sea-land-breeze-courseware .mode-switch button.active{color:#07394a;background:linear-gradient(145deg,#fff,#dffafa);box-shadow:0 5px 18px #000a1647}.sea-land-breeze-courseware .mode-switch button.active small{color:#547985}.sea-land-breeze-courseware .header-result{min-width:0;padding-left:14px;border-left:1px solid rgba(154,226,233,.2)}.sea-land-breeze-courseware .header-result small{display:block;font-size:10px;letter-spacing:.12em;color:#75bdc7}.sea-land-breeze-courseware .header-result b{display:inline-block;margin:2px 7px 0 0;font-size:20px;color:#fff}.sea-land-breeze-courseware .header-result span{font-size:10px;color:#9ad1d8;white-space:nowrap}.sea-land-breeze-courseware .scene-panel{grid-column:1;grid-row:2;position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;border:1px solid rgba(175,237,243,.48);border-radius:14px;background:#66c8df;box-shadow:inset 0 0 55px #00223547}.sea-land-breeze-courseware .scene-panel:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 34px #001b2d57}.sea-land-breeze-courseware .coast-photo{position:absolute;inset:0;z-index:-5;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;-webkit-user-select:none;user-select:none;filter:saturate(1.22) contrast(1.04);transition:filter .8s ease}.sea-land-breeze-courseware .time-filter{position:absolute;inset:0;z-index:-4;pointer-events:none;background:linear-gradient(180deg,rgba(0,51,77,.03),transparent 58%,rgba(1,32,47,.16));transition:.8s ease}.sea-land-breeze-courseware.night .coast-photo{filter:brightness(.48) saturate(.76) hue-rotate(4deg) contrast(1.08)}.sea-land-breeze-courseware.night .time-filter{background:radial-gradient(circle at 12% 10%,rgba(210,231,250,.16),transparent 32%),linear-gradient(180deg,#03102a52,#06203538 57%,#02111e61)}.sea-land-breeze-courseware .sun-moon{position:absolute;z-index:2;left:9%;top:10%;display:flex;align-items:center;gap:7px;color:#fff0ad;font-size:11px;font-weight:700;letter-spacing:.08em;text-shadow:0 2px 8px #164151}.sea-land-breeze-courseware .sun-moon i{width:25px;height:25px;border-radius:50%;background:#fff2a2;box-shadow:0 0 16px #ffd252,0 0 44px #ffe268bf;animation:sunPulse 2.5s ease-in-out infinite}.sea-land-breeze-courseware.night .sun-moon{color:#e7f3ff}.sea-land-breeze-courseware.night .sun-moon i{background:#ebf5ff;box-shadow:inset -7px -2px #aabfd5,0 0 22px #d2ebffbf}.sea-land-breeze-courseware .stars{display:none;position:absolute;inset:0;z-index:-2}.sea-land-breeze-courseware.night .stars{display:block}.sea-land-breeze-courseware .stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 6px #d4ecff;animation:twinkle 1.8s ease-in-out infinite alternate}.sea-land-breeze-courseware .stars i:nth-child(1){left:10%;top:10%}.sea-land-breeze-courseware .stars i:nth-child(2){left:19%;top:24%}.sea-land-breeze-courseware .stars i:nth-child(3){left:31%;top:12%}.sea-land-breeze-courseware .stars i:nth-child(4){left:43%;top:20%}.sea-land-breeze-courseware .stars i:nth-child(5){left:56%;top:10%}.sea-land-breeze-courseware .stars i:nth-child(6){left:68%;top:25%}.sea-land-breeze-courseware .stars i:nth-child(7){left:82%;top:15%}.sea-land-breeze-courseware .stars i:nth-child(8){left:92%;top:27%}.sea-land-breeze-courseware .stars i:nth-child(9){left:15%;top:36%}.sea-land-breeze-courseware .stars i:nth-child(10){left:36%;top:31%}.sea-land-breeze-courseware .stars i:nth-child(11){left:51%;top:36%}.sea-land-breeze-courseware .stars i:nth-child(12){left:73%;top:33%}.sea-land-breeze-courseware .stars i:nth-child(13){left:87%;top:38%}.sea-land-breeze-courseware .stars i:nth-child(14){left:25%;top:43%}.sea-land-breeze-courseware .stars i:nth-child(15){left:63%;top:45%}.sea-land-breeze-courseware .stars i:nth-child(16){left:95%;top:8%}.sea-land-breeze-courseware .stars i:nth-child(17){left:4%;top:30%}.sea-land-breeze-courseware .stars i:nth-child(18){left:47%;top:6%}.sea-land-breeze-courseware .zone-label{position:absolute;z-index:7;top:51%;padding:5px 9px;border:1px solid rgba(255,255,255,.65);border-radius:7px;color:#fff;background:#042f3ea1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 5px rgba(0,35,52,.7)}.sea-land-breeze-courseware .zone-label b{display:block;font-size:15px}.sea-land-breeze-courseware .zone-label span{display:block;font-size:10px;color:#d9f7fb}.sea-land-breeze-courseware .sea-zone{left:4%}.sea-land-breeze-courseware .land-zone{right:4%}.sea-land-breeze-courseware .flow-canvas{position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none}.sea-land-breeze-courseware .airflow-dom{position:absolute;z-index:6;inset:17% 22% 20%;pointer-events:none;filter:drop-shadow(0 0 9px rgba(119,237,255,.8))}.sea-land-breeze-courseware .airflow-dom>i{position:absolute;display:block;border-radius:999px;background:#ddfcffcc;box-shadow:0 0 0 4px #40d5ec2e,0 0 13px #66e8f8db}.sea-land-breeze-courseware .airflow-dom>i.top,.sea-land-breeze-courseware .airflow-dom>i.bottom{left:0;right:0;height:4px}.sea-land-breeze-courseware .airflow-dom>i.left,.sea-land-breeze-courseware .airflow-dom>i.right{top:0;bottom:0;width:4px}.sea-land-breeze-courseware .airflow-dom>i.top{top:0;background:#ffd39d;box-shadow:0 0 0 4px #ffa75b2b,0 0 13px #ffb667e6}.sea-land-breeze-courseware .airflow-dom>i.bottom{bottom:0}.sea-land-breeze-courseware .airflow-dom>i.left{left:0}.sea-land-breeze-courseware .airflow-dom>i.right{right:0;background:#ffba79;box-shadow:0 0 0 4px #ffa75b2b,0 0 13px #ffb667e6}.sea-land-breeze-courseware .land-breeze>i.left{background:#ffba79;box-shadow:0 0 0 4px #ffa75b2b,0 0 13px #ffb667e6}.sea-land-breeze-courseware .land-breeze>i.right{background:#dffbff;box-shadow:0 0 0 4px #40d5ec2e,0 0 13px #66e8f8db}.sea-land-breeze-courseware .airflow-dom>i span{position:absolute;width:0;height:0;filter:drop-shadow(0 0 5px currentColor)}.sea-land-breeze-courseware .airflow-dom.sea-breeze>.bottom span,.sea-land-breeze-courseware .airflow-dom.land-breeze>.top span{right:-4px;top:50%;translate:0 -50%;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:16px solid #e8fdff}.sea-land-breeze-courseware .airflow-dom.sea-breeze>.top span,.sea-land-breeze-courseware .airflow-dom.land-breeze>.bottom span{left:-4px;top:50%;translate:0 -50%;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:16px solid #ffe0b7}.sea-land-breeze-courseware .airflow-dom.sea-breeze>.right span,.sea-land-breeze-courseware .airflow-dom.land-breeze>.left span{left:50%;top:-4px;translate:-50% 0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid #ffd09f}.sea-land-breeze-courseware .airflow-dom.sea-breeze>.left span,.sea-land-breeze-courseware .airflow-dom.land-breeze>.right span{left:50%;bottom:-4px;translate:-50% 0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:16px solid #e5fcff}.sea-land-breeze-courseware .airflow-dom>i b{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 9px 3px #ffffffd9}.sea-land-breeze-courseware .airflow-dom>i b:nth-child(2){animation-delay:-1.2s!important}.sea-land-breeze-courseware .sea-breeze>.bottom b,.sea-land-breeze-courseware .land-breeze>.top b{top:-2px;animation:particleRight calc(2.4s / var(--wind)) linear infinite}.sea-land-breeze-courseware .sea-breeze>.top b,.sea-land-breeze-courseware .land-breeze>.bottom b{top:-2px;animation:particleLeft calc(2.4s / var(--wind)) linear infinite}.sea-land-breeze-courseware .sea-breeze>.right b,.sea-land-breeze-courseware .land-breeze>.left b{left:-2px;animation:particleUp calc(2.4s / var(--wind)) linear infinite}.sea-land-breeze-courseware .sea-breeze>.left b,.sea-land-breeze-courseware .land-breeze>.right b{left:-2px;animation:particleDown calc(2.4s / var(--wind)) linear infinite}.sea-land-breeze-courseware .stage[data-playing=false] .airflow-dom b{animation-play-state:paused}.sea-land-breeze-courseware .coast-motion-canvas{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9;transition:filter .8s ease}.sea-land-breeze-courseware.night .coast-motion-canvas{opacity:.78;filter:brightness(.48) saturate(.76) hue-rotate(4deg) contrast(1.08)}.sea-land-breeze-courseware .gulls{position:absolute;inset:0;z-index:6;overflow:hidden;pointer-events:none}.sea-land-breeze-courseware .gulls>i{--bird-scale: 1;position:absolute;left:-9%;top:23%;width:40px;height:20px;transform:scale(var(--bird-scale));filter:drop-shadow(0 2px 2px rgba(0,39,61,.45));animation:gullFlightOne 8.5s linear infinite;will-change:left,translate}.sea-land-breeze-courseware .gulls>i b,.sea-land-breeze-courseware .gulls>i em{position:absolute;top:8px;width:22px;height:11px;border-top:3px solid #ffffff;border-radius:60% 60% 0 0;transform-origin:100% 50%;animation:wingFlap calc(.58s / var(--wind)) ease-in-out infinite alternate}.sea-land-breeze-courseware .gulls>i b{left:0;rotate:16deg}.sea-land-breeze-courseware .gulls>i em{right:0;transform-origin:0 50%;rotate:-16deg;animation-direction:alternate-reverse}.sea-land-breeze-courseware .gulls>i:nth-child(2){--bird-scale: .76;top:31%;animation:gullFlightTwo 9.8s linear -2.6s infinite}.sea-land-breeze-courseware .gulls>i:nth-child(3){--bird-scale: .6;top:17%;animation:gullFlightThree 11.2s linear -6.1s infinite}.sea-land-breeze-courseware .gulls>i:nth-child(4){--bird-scale: .5;top:38%;animation:gullFlightFour 12.4s linear -8.4s infinite}.sea-land-breeze-courseware .tree-motion{position:absolute;inset:0;z-index:4;pointer-events:none}.sea-land-breeze-courseware .tree{position:absolute;bottom:7%;width:72px;height:150px;transform-origin:50% 100%;filter:drop-shadow(0 5px 5px rgba(0,36,24,.42))}.sea-land-breeze-courseware .tree>b{position:absolute;left:33px;bottom:0;width:8px;height:112px;border-radius:70% 30% 20% 80%;background:linear-gradient(90deg,#54301c,#b0783d 52%,#57301b);transform-origin:50% 100%;animation:trunkBend 3.8s ease-in-out infinite alternate}.sea-land-breeze-courseware .tree>em{position:absolute;left:-24px;top:-5px;width:124px;height:112px;background:none;transform-origin:52% 92%;animation:branchSway 4.2s ease-in-out infinite alternate;transition:filter .7s ease}.sea-land-breeze-courseware .tree>em:before,.sea-land-breeze-courseware .tree>em span{content:"";position:absolute;inset:0;background:url(/agent-assets/sea-land-breeze/tree-canopy-v2.png) center / contain no-repeat;transform-origin:52% 92%}.sea-land-breeze-courseware .tree>em:before{opacity:.88}.sea-land-breeze-courseware .tree>em span{display:block;animation:leafFlutter 2.9s ease-in-out infinite alternate}.sea-land-breeze-courseware .tree>em span:nth-child(1){clip-path:polygon(0 0,38% 0,44% 52%,0 60%);animation-delay:-.5s}.sea-land-breeze-courseware .tree>em span:nth-child(2){clip-path:polygon(30% 0,68% 0,64% 55%,39% 56%);animation-delay:-1.4s;animation-duration:3.4s}.sea-land-breeze-courseware .tree>em span:nth-child(3){clip-path:polygon(62% 0,100% 0,100% 60%,58% 54%);animation-delay:-2.1s;animation-duration:2.6s}.sea-land-breeze-courseware .tree>em span:nth-child(4){clip-path:polygon(0 50%,44% 45%,50% 100%,0 100%);animation-delay:-1.8s;animation-duration:3.7s}.sea-land-breeze-courseware .tree>em span:nth-child(5){clip-path:polygon(38% 45%,72% 45%,76% 100%,46% 100%);animation-delay:-.9s;animation-duration:3.1s}.sea-land-breeze-courseware .tree>em span:nth-child(6){clip-path:polygon(66% 48%,100% 50%,100% 100%,70% 100%);animation-delay:-2.5s;animation-duration:3.5s}.sea-land-breeze-courseware .tree>em span:nth-child(7){clip-path:circle(26% at 52% 51%);animation-delay:-1.2s;animation-duration:2.4s}.sea-land-breeze-courseware.night .tree>em{filter:brightness(.46) saturate(.68) hue-rotate(4deg)}.sea-land-breeze-courseware.night .tree>b{filter:brightness(.4) saturate(.64)}.sea-land-breeze-courseware .tree.one{right:6%;scale:1.05}.sea-land-breeze-courseware .tree.two{right:16%;bottom:12%;scale:.8;opacity:.92}.sea-land-breeze-courseware .tree.three{right:26%;bottom:16%;scale:.58;opacity:.82}.sea-land-breeze-courseware .tree.two>em,.sea-land-breeze-courseware .tree.two>b{animation-delay:-.7s}.sea-land-breeze-courseware .tree.three>em,.sea-land-breeze-courseware .tree.three>b{animation-delay:-1.3s}.sea-land-breeze-courseware .pressure-marker{position:absolute;z-index:8;top:76%;display:flex;align-items:center;gap:6px;padding:5px 8px 5px 5px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:#032836b8;box-shadow:0 4px 16px #001f2e4d;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:.2s ease}.sea-land-breeze-courseware .pressure-marker.sea{left:22%}.sea-land-breeze-courseware .pressure-marker.land{left:71%}.sea-land-breeze-courseware .pressure-marker b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#0b7288;background:#fff;font-size:18px}.sea-land-breeze-courseware .pressure-marker span{font-size:10px}.sea-land-breeze-courseware .pressure-marker.dim{opacity:.28}.sea-land-breeze-courseware .air-label,.sea-land-breeze-courseware .flow-label{position:absolute;z-index:8;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease}.sea-land-breeze-courseware .air-label.over-sea{left:21%;top:45%}.sea-land-breeze-courseware .air-label.over-land{left:70%;top:45%}.sea-land-breeze-courseware .air-label.warm{color:#fff3e7;background:#a24314b3;border:1px solid rgba(255,199,137,.8)}.sea-land-breeze-courseware .air-label.cool{color:#e9fcff;background:#026180b3;border:1px solid rgba(148,239,255,.8)}.sea-land-breeze-courseware .air-label.soft{opacity:.22}.sea-land-breeze-courseware .flow-label{color:#fff;background:#03283699;border:1px solid rgba(255,255,255,.5)}.sea-land-breeze-courseware .surface-flow{left:49%;top:74%}.sea-land-breeze-courseware .return-flow{left:49%;top:19%}.sea-land-breeze-courseware .legend{position:absolute;z-index:10;left:50%;bottom:8px;transform:translate(-50%);display:flex;gap:12px;padding:5px 8px;border-radius:999px;color:#effdff;background:#0326359e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px}.sea-land-breeze-courseware .legend span{display:flex;align-items:center;gap:4px;white-space:nowrap}.sea-land-breeze-courseware .legend i{width:12px;height:3px;border-radius:9px}.sea-land-breeze-courseware .legend i.warm{background:#ffad67;box-shadow:0 0 6px #ff9b4e}.sea-land-breeze-courseware .legend i.cool{background:#79eaff;box-shadow:0 0 6px #42dcf4}.sea-land-breeze-courseware .legend b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;color:#0a6b7e;background:#fff;font-size:10px}.sea-land-breeze-courseware .explain-panel{grid-column:2;grid-row:2;min-height:0;overflow:auto;padding:14px;color:var(--ink);border:1px solid rgba(255,255,255,.8);border-radius:14px;background:var(--panel);box-shadow:0 12px 36px #00121f33}.sea-land-breeze-courseware .panel-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#2c7587}.sea-land-breeze-courseware .result-row{display:grid;grid-template-columns:.8fr 1.25fr;gap:7px;margin:8px 0}.sea-land-breeze-courseware .result-row>div{padding:8px 9px;border:1px solid rgba(30,119,139,.12);border-radius:9px;background:#fff}.sea-land-breeze-courseware .result-row small{display:block;margin-bottom:1px;color:#6a8d95;font-size:10px}.sea-land-breeze-courseware .result-row strong{color:#087189;font-size:19px}.sea-land-breeze-courseware .result-row .direction strong{font-size:13px}.sea-land-breeze-courseware .cause-chain{padding:9px 10px;border-left:3px solid var(--orange);border-radius:0 8px 8px 0;background:#fff5e8}.sea-land-breeze-courseware .cause-chain p{margin:0;color:#4c6870;font-size:11px;line-height:1.58}.sea-land-breeze-courseware .cause-chain b{color:#b95a24}.sea-land-breeze-courseware .strength{display:grid;grid-template-columns:auto 1fr 24px;gap:6px;align-items:center;margin:9px 0;color:#5d8189;font-size:10px}.sea-land-breeze-courseware .strength i{height:5px;overflow:hidden;border-radius:8px;background:#dae9ea}.sea-land-breeze-courseware .strength em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3bd9e9,#ffa158);transition:width .25s ease}.sea-land-breeze-courseware .guide-start{width:100%;padding:8px;border:0;border-radius:8px;color:#fff;background:linear-gradient(90deg,#087f97,#0ca9b6);box-shadow:0 5px 15px #047e9633;cursor:pointer;font-size:11px;font-weight:800}.sea-land-breeze-courseware .inquiry-list{margin-top:11px;padding-top:10px;border-top:1px solid #d9e8e9}.sea-land-breeze-courseware .inquiry-title{display:flex;align-items:center;gap:7px;margin-bottom:6px}.sea-land-breeze-courseware .inquiry-title span{padding:3px 6px;border-radius:4px;color:#fff;background:#0a8196;font-size:10px;font-weight:800}.sea-land-breeze-courseware .inquiry-title b{font-size:13px}.sea-land-breeze-courseware .inquiry-list details{margin-top:5px;border:1px solid #d6e7e9;border-radius:7px;background:#fff}.sea-land-breeze-courseware .inquiry-list summary{padding:8px 9px;cursor:pointer;color:#284f59;font-size:10px;font-weight:700}.sea-land-breeze-courseware .inquiry-list details p{margin:0;padding:0 9px 9px;color:#668087;font-size:10px;line-height:1.58}.sea-land-breeze-courseware .more-facts{width:100%;margin-top:7px;padding:7px;border:0;color:#08778b;background:transparent;cursor:pointer;font-size:10px}.sea-land-breeze-courseware .guide-card{margin-top:9px;padding:10px;border-radius:9px;color:#fff;background:#073e50;box-shadow:inset 0 0 0 1px #71dfea47}.sea-land-breeze-courseware .guide-top{display:flex;justify-content:space-between;color:#aee8ee;font-size:10px}.sea-land-breeze-courseware .guide-top span{font-weight:900;letter-spacing:.12em}.sea-land-breeze-courseware .guide-progress{display:block;height:3px;margin:6px 0 8px;overflow:hidden;border-radius:9px;background:#ffffff1f}.sea-land-breeze-courseware .guide-progress em{display:block;height:100%;background:linear-gradient(90deg,#4fe0ec,#ffae67)}.sea-land-breeze-courseware .guide-card>small{color:#ffca98;font-size:10px}.sea-land-breeze-courseware .guide-card h2{margin:4px 0 5px;font-family:Songti SC,serif;font-size:18px}.sea-land-breeze-courseware .guide-card p{margin:0;color:#c7e2e6;font-size:10px;line-height:1.55}.sea-land-breeze-courseware .guide-card>div:last-child{display:flex;gap:5px;margin-top:8px}.sea-land-breeze-courseware .guide-card button{flex:1;padding:7px;border:1px solid rgba(151,229,239,.32);border-radius:6px;background:#34acbb24;cursor:pointer;font-size:10px}.sea-land-breeze-courseware .guide-card button:last-child{background:#0a93a5;border-color:#44d4df}.sea-land-breeze-courseware .guide-card button:disabled{opacity:.34;cursor:default}.sea-land-breeze-courseware .lab-panel{grid-column:1 / 3;grid-row:3;min-width:0;position:relative;display:grid;grid-template-columns:155px minmax(0,1fr);gap:14px;align-items:center;padding:10px 13px;color:var(--ink);border:1px solid rgba(255,255,255,.78);border-radius:13px;background:var(--panel)}.sea-land-breeze-courseware .lab-head span{display:block;color:#4a7d89;font-size:10px;font-weight:900;letter-spacing:.14em}.sea-land-breeze-courseware .lab-head b{display:block;margin-top:2px;font-size:15px}.sea-land-breeze-courseware .lab-head em{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:99px;color:#b95e2d;background:#fff0df;font-size:10px;font-style:normal}.sea-land-breeze-courseware .lab-main{min-width:0;display:grid;grid-template-columns:minmax(380px,1.2fr) minmax(230px,.7fr) auto;gap:13px;align-items:center}.sea-land-breeze-courseware .temperature-grid{min-width:0;display:grid;grid-template-columns:40px 1fr 40px 1fr;gap:7px;align-items:center}.sea-land-breeze-courseware .temperature-grid label span{display:block;font-size:11px;font-weight:800}.sea-land-breeze-courseware .temperature-grid label small{display:block;margin-top:2px;color:#69868c;font-size:10px}.sea-land-breeze-courseware input[type=range]{appearance:none;width:100%;height:4px;border-radius:8px;outline:0;background:linear-gradient(90deg,#40cfe7,#ffe098,#ff9148)}.sea-land-breeze-courseware input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:3px solid #0c8198;border-radius:50%;background:#fff;box-shadow:0 2px 7px #00364b3b;cursor:grab}.sea-land-breeze-courseware .thermometer{color:#517984;text-align:center;font-size:10px}.sea-land-breeze-courseware .thermometer span{display:block}.sea-land-breeze-courseware .thermometer b{display:block;margin:1px 0 2px;color:#0b586c;font-size:12px}.sea-land-breeze-courseware .thermometer>i{position:relative;display:block;width:8px;height:35px;margin:auto;overflow:hidden;border:2px solid white;border-radius:8px;background:#dceff1;box-shadow:0 0 0 1px #a9ced4}.sea-land-breeze-courseware .thermometer>i em{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#ffb34d,#ee6741);transition:height .25s ease}.sea-land-breeze-courseware .thermometer.sea>i em{background:linear-gradient(#54d7f0,#199bbd)}.sea-land-breeze-courseware .lab-question{padding:8px 10px;border-left:3px solid #0e91a6;border-radius:0 8px 8px 0;background:#e9f7f8}.sea-land-breeze-courseware .lab-question span{color:#087789;font-size:10px;font-weight:900;letter-spacing:.08em}.sea-land-breeze-courseware .lab-question p{margin:3px 0 0;color:#536f75;font-size:11px;line-height:1.45}.sea-land-breeze-courseware .bottom-controls{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-width:230px}.sea-land-breeze-courseware .bottom-controls button{padding:6px 8px;border:1px solid #d2e6e8;border-radius:6px;color:#315b65;background:#fff;cursor:pointer;font-size:10px;white-space:nowrap}.sea-land-breeze-courseware .bottom-controls>button:first-child{grid-column:1 / 3;color:#fff;border-color:#0b8fa3;background:#0b8fa3;font-weight:800}.sea-land-breeze-courseware .speed-group{grid-column:1 / 3;display:flex;gap:3px}.sea-land-breeze-courseware .speed-group button{flex:1}.sea-land-breeze-courseware .speed-group button.active{color:#fff;border-color:#0a899d;background:#0a899d}.sea-land-breeze-courseware .bottom-controls .airflow-toggle{grid-column:1 / 3}.sea-land-breeze-courseware .bottom-controls .airflow-toggle.active{color:#08758a;border-color:#77cbd4;background:#e9fbfc;font-weight:800}.sea-land-breeze-courseware .feedback{position:absolute;left:170px;bottom:5px;color:#6c898e;font-size:10px}.sea-land-breeze-courseware .facts-modal{position:fixed;z-index:50;left:50%;top:50%;width:min(580px,calc(100% - 36px));padding:24px 27px;transform:translate(-50%,-50%);color:var(--ink);border:1px solid white;border-radius:18px;background:#f8fdfafa;box-shadow:0 25px 90px #000c1b94}.sea-land-breeze-courseware .modal-close{position:absolute;right:12px;top:9px;border:0;color:#47757e;background:transparent;cursor:pointer;font-size:24px}.sea-land-breeze-courseware .fact-nav{display:flex;gap:5px;margin-bottom:11px}.sea-land-breeze-courseware .fact-nav button{width:26px;height:26px;border:1px solid #acd3d8;border-radius:50%;color:#3f7782;background:#fff;cursor:pointer;font-size:10px}.sea-land-breeze-courseware .fact-nav button.active{color:#fff;border-color:#0a8da0;background:#0a8da0}.sea-land-breeze-courseware .facts-modal>span{color:#c36831;font-size:10px;font-weight:900;letter-spacing:.14em}.sea-land-breeze-courseware .facts-modal h2{margin:5px 0 9px;font-family:Songti SC,serif;font-size:25px}.sea-land-breeze-courseware .facts-modal p{color:#45656c;font-size:11px;line-height:1.75}.sea-land-breeze-courseware .formula{display:flex;flex-wrap:wrap;gap:7px;padding:11px;border-radius:9px;color:#4b7780;background:#e8f7f7;font-size:10px}.sea-land-breeze-courseware .formula b{color:#0b768b}.sea-land-breeze-courseware .facts-modal>small{display:block;margin-top:11px;color:#718d92;font-size:10px}.sea-land-breeze-courseware .sound-error{position:absolute;right:9px;bottom:6px;color:#9b2f24;font-size:10px}.sea-land-breeze-courseware.clean-mode .stage{grid-template-columns:1fr;grid-template-rows:106px minmax(0,1fr) 76px}.sea-land-breeze-courseware.clean-mode .topbar{grid-column:1;grid-row:1}.sea-land-breeze-courseware.clean-mode .explain-panel{display:none}.sea-land-breeze-courseware.clean-mode .scene-panel{grid-column:1;grid-row:2;width:auto;height:auto;border-radius:15px}.sea-land-breeze-courseware.clean-mode .scene-panel>:not(.coast-photo):not(.time-filter):not(.coast-motion-canvas):not(.gulls):not(.tree-motion){display:none!important}.sea-land-breeze-courseware.clean-mode .lab-panel{grid-column:1;grid-row:3;display:flex;align-items:center;justify-content:center;padding:9px 14px}.sea-land-breeze-courseware.clean-mode .lab-head,.sea-land-breeze-courseware.clean-mode .temperature-grid,.sea-land-breeze-courseware.clean-mode .lab-question,.sea-land-breeze-courseware.clean-mode .feedback,.sea-land-breeze-courseware.clean-mode .sound-error{display:none}.sea-land-breeze-courseware.clean-mode .lab-main{width:min(920px,100%);display:block}.sea-land-breeze-courseware.clean-mode .bottom-controls{width:100%;min-width:0;grid-template-columns:1.25fr 1.15fr 1.4fr 1.25fr .72fr;gap:7px}.sea-land-breeze-courseware.clean-mode .bottom-controls>button:first-child,.sea-land-breeze-courseware.clean-mode .speed-group,.sea-land-breeze-courseware.clean-mode .bottom-controls .airflow-toggle{grid-column:auto}@keyframes sunPulse{50%{transform:scale(1.12);filter:brightness(1.1)}}@keyframes twinkle{to{opacity:.24;transform:scale(.55)}}@keyframes gullFlightOne{0%{left:-9%;translate:0 8px}24%{translate:0 -9px}54%{translate:0 5px}78%{translate:0 -4px}to{left:106%;translate:0 3px}}@keyframes gullFlightTwo{0%{left:-11%;translate:0 -2px}32%{translate:0 11px}67%{translate:0 -8px}to{left:107%;translate:0 4px}}@keyframes gullFlightThree{0%{left:-10%;translate:0 5px}35%{translate:0 -12px}71%{translate:0 8px}to{left:105%;translate:0 -3px}}@keyframes gullFlightFour{0%{left:-12%;translate:0 -6px}28%{translate:0 8px}59%{translate:0 -5px}83%{translate:0 6px}to{left:108%;translate:0 -2px}}@keyframes wingFlap{0%{rotate:19deg}to{rotate:-13deg}}@keyframes trunkBend{0%{rotate:-.45deg}to{rotate:.75deg}}@keyframes branchSway{0%{rotate:-1.4deg;translate:-1px 0}to{rotate:1.8deg;translate:2px -1px}}@keyframes leafFlutter{0%{translate:-1.5px .5px;rotate:-.35deg}to{translate:2px -1px;rotate:.5deg}}@keyframes particleRight{0%{left:0}to{left:calc(100% - 7px)}}@keyframes particleLeft{0%{left:calc(100% - 7px)}to{left:0}}@keyframes particleUp{0%{top:calc(100% - 7px)}to{top:0}}@keyframes particleDown{0%{top:0}to{top:calc(100% - 7px)}}@keyframes soundPrompt{0%{box-shadow:0 0 #58e5ef61}75%,to{box-shadow:0 0 0 9px #58e5ef00}}@media(max-width:1050px){.sea-land-breeze-courseware .stage{grid-template-columns:minmax(0,1fr) 310px}.sea-land-breeze-courseware .topbar{grid-template-columns:minmax(360px,1fr) auto 156px}.sea-land-breeze-courseware .header-result{display:none}.sea-land-breeze-courseware .mode-switch button{width:124px}.sea-land-breeze-courseware .lab-main{grid-template-columns:minmax(330px,1.2fr) minmax(190px,.6fr) auto}.sea-land-breeze-courseware .bottom-controls{min-width:210px}}@media(max-width:820px){.sea-land-breeze-courseware{overflow:auto}.sea-land-breeze-courseware.courseware{height:auto;min-height:100dvh;padding:0}.sea-land-breeze-courseware .stage{height:auto;min-height:100dvh;display:grid;grid-template-columns:1fr;grid-template-rows:auto 430px auto auto;gap:8px;padding:8px;border-radius:0}.sea-land-breeze-courseware .topbar{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;padding:12px}.sea-land-breeze-courseware .title-block h1{font-size:clamp(29px,7.3vw,36px);text-align:center;letter-spacing:0}.sea-land-breeze-courseware .eyebrow,.sea-land-breeze-courseware .title-block p{text-align:center}.sea-land-breeze-courseware .mode-switch{width:100%}.sea-land-breeze-courseware .mode-switch button{flex:1;width:auto}.sea-land-breeze-courseware .sound-control{width:100%;height:44px;grid-template-columns:34px 1fr}.sea-land-breeze-courseware .scene-panel{grid-column:1;grid-row:2;min-height:430px}.sea-land-breeze-courseware .explain-panel{grid-column:1;grid-row:3;max-height:none}.sea-land-breeze-courseware .lab-panel{grid-column:1;grid-row:4;display:block}.sea-land-breeze-courseware .lab-main{display:grid;grid-template-columns:1fr;margin-top:10px}.sea-land-breeze-courseware .temperature-grid{grid-template-columns:40px 1fr 40px 1fr}.sea-land-breeze-courseware .bottom-controls{display:grid;grid-template-columns:1fr 1fr;min-width:0}.sea-land-breeze-courseware .speed-group{grid-column:1 / 3}.sea-land-breeze-courseware .feedback{position:static;margin-top:7px;text-align:center}.sea-land-breeze-courseware .zone-label{top:54%}.sea-land-breeze-courseware .pressure-marker.sea{left:14%}.sea-land-breeze-courseware .pressure-marker.land{left:68%}.sea-land-breeze-courseware .air-label.over-sea{left:14%}.sea-land-breeze-courseware .air-label.over-land{left:66%}.sea-land-breeze-courseware .flow-label{display:none}.sea-land-breeze-courseware .tree.one{right:5%}.sea-land-breeze-courseware .tree.two{right:17%}.sea-land-breeze-courseware .tree.three{right:29%}.sea-land-breeze-courseware.clean-mode .stage{grid-template-rows:auto 430px auto}.sea-land-breeze-courseware.clean-mode .topbar{grid-row:1}.sea-land-breeze-courseware.clean-mode .scene-panel{grid-row:2}.sea-land-breeze-courseware.clean-mode .lab-panel{grid-row:3}.sea-land-breeze-courseware.clean-mode .bottom-controls{grid-template-columns:1fr 1fr}.sea-land-breeze-courseware.clean-mode .bottom-controls>button:first-child,.sea-land-breeze-courseware.clean-mode .speed-group,.sea-land-breeze-courseware.clean-mode .bottom-controls .airflow-toggle{grid-column:1 / 3}}@media(prefers-reduced-motion:reduce){.sea-land-breeze-courseware,.sea-land-breeze-courseware *,.sea-land-breeze-courseware *:before,.sea-land-breeze-courseware *:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{color:#101114;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fffffff5,#fff,#f8fbff),#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.site-shell{position:relative;display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:clamp(12px,2vw,22px) clamp(16px,4vw,52px);background:linear-gradient(180deg,#fffffff5,#fffffffa 52%,#f8fbff),#fff;isolation:isolate;transition:background .22s ease}.color-ribbon{position:absolute;z-index:-1;width:min(72vw,1040px);height:340px;filter:blur(28px);opacity:.42;pointer-events:none;transform:rotate(-8deg)}.ribbon-one{top:90px;right:-180px;background:linear-gradient(90deg,transparent 0 8%,#12c8c5 14%,#4bd20a 31%,#ffcc00 49%,#ff8a00 66%,#ff3b30 82%,transparent 93%);clip-path:polygon(4% 40%,82% 14%,100% 42%,20% 72%)}.ribbon-two{left:-220px;bottom:310px;background:linear-gradient(90deg,transparent 0 9%,#eb2f96 18%,#0aa5ff 40%,#12c8c5 60%,#ff8a00 80%,transparent 95%);clip-path:polygon(0 44%,86% 16%,100% 54%,8% 76%);opacity:.22}.topbar{position:relative;flex:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1320px,100%);margin:0 auto;padding:10px 12px;border:1px solid rgba(16,17,20,.08);border-radius:22px;background:#ffffffc7;box-shadow:0 20px 60px #2037571a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.visit-counter{position:absolute;top:clamp(98px,11vh,122px);right:max(clamp(16px,4vw,52px),calc((100vw - 1320px)/2 + 20px));z-index:18;display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px;border:1px solid rgba(16,17,20,.07);border-radius:999px;color:#10111485;background:#ffffffb8;box-shadow:0 12px 30px #20375714;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:12px;font-weight:700;white-space:nowrap}.visit-counter strong{color:#101114bd;font-size:13px;font-weight:800}.site-footer{position:absolute;left:50%;bottom:clamp(8px,1.5vh,15px);z-index:22;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 12px;border:1px solid rgba(16,17,20,.06);border-radius:999px;color:#1011146b;background:#ffffff94;box-shadow:0 10px 28px #2037570f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:11px;font-weight:600;white-space:nowrap}.site-footer a{transition:color .18s ease}.site-footer a:hover{color:#101114b8}.brand{display:flex;align-items:center;gap:10px;min-width:0;font-size:15px;font-weight:700;color:#12151b;white-space:nowrap}.brand img{width:42px;height:42px;border-radius:14px;object-fit:cover;box-shadow:0 8px 22px #ff8a0038}.nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,28px);font-size:14px;color:#101114a8}.nav-links a{transition:color .18s ease}.nav-links a:hover{color:#101114}.nav-action,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:999px;font-size:15px;font-weight:700;line-height:1;white-space:nowrap}.nav-action{padding:0 18px;color:#fff;background:linear-gradient(180deg,#ff8a00,#ff6b00);box-shadow:0 16px 34px #ff70003d}.hero{flex:1 1 auto;display:grid;grid-template-columns:minmax(430px,.92fr) minmax(520px,.9fr);gap:clamp(56px,7vw,116px);align-items:center;width:min(1320px,100%);min-height:0;margin:0 auto;padding:clamp(10px,2vh,20px) 0 30px;overflow:hidden}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:590px;transform:translate(clamp(-26px,-1.6vw,-10px))}h1,h2,p{margin:0}h1{max-width:640px;font-size:clamp(48px,4.95vw,64px);font-weight:800;line-height:1.02;text-wrap:nowrap;white-space:nowrap}h1 span{display:inline}.hero-subtitle{margin-top:14px;font-size:clamp(22px,1.95vw,28px);font-weight:700;line-height:1.32;color:#464b55}.hero-text{max-width:560px;margin-top:18px;font-size:clamp(16px,1.18vw,18px);font-weight:500;line-height:1.68;color:#1011149e}.author-credit{display:inline-flex;align-items:center;gap:8px;margin-top:13px;color:#101114b8;font-size:15px;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.primary-button{min-width:150px;padding:0 24px;color:#fff;background:linear-gradient(180deg,#ff8a00,#ff6b00);box-shadow:0 18px 40px #ff700047}.secondary-button{min-width:136px;padding:0 22px;color:#111318;border:1px solid rgba(16,17,20,.1);background:#ffffffc2;box-shadow:0 16px 38px #2234491a}.product-stage{position:relative;align-self:center;justify-self:end;width:min(100%,620px);max-height:calc(100dvh - 112px);min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(16,17,20,.08);border-radius:28px;background:linear-gradient(145deg,#ffffffeb,#f8fbffc7),#ffffffc7;box-shadow:0 36px 90px #23365729,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);overflow:hidden;transform:translate(clamp(8px,1.4vw,24px))}.product-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,138,0,.18),transparent 28%),linear-gradient(300deg,rgba(18,200,197,.15),transparent 32%)}.theme-education{background:linear-gradient(135deg,#f6fbfffa,#fff8e8f2 47%,#ebfffaf5),#fff}.theme-education .ribbon-one{opacity:.5;background:linear-gradient(90deg,transparent 0 6%,#0aa5ff 14%,#12c8c5 32%,#4bd20a 48%,#ffcc00 66%,#ff8a00 82%,transparent 94%)}.theme-education .ribbon-two{opacity:.26;background:linear-gradient(90deg,transparent 0 8%,#eb2f96 16%,#ff8a00 34%,#ffcc00 54%,#12c8c5 76%,transparent 94%)}.theme-education .topbar{border-color:#1069b41f;background:#ffffffe6;box-shadow:0 20px 55px #2071a821}.theme-education h1{color:#14213d}.theme-education .hero-subtitle{color:#0c6aa6}.theme-education .hero-text{color:#1f2c3fbd;font-weight:600}.theme-education .author-credit{color:#21506f}.theme-education .nav-action,.theme-education .primary-button{background:linear-gradient(135deg,#0b73d9,#12c8c5);box-shadow:0 18px 38px #1281d43d}.theme-education .secondary-button{border-color:#ff8a002e;background:#ffffffd1;box-shadow:0 15px 34px #ff8a001f}.theme-education .product-stage{border-color:#0c6aa624;background:linear-gradient(145deg,#fffffff0,#edfbffdb),#fff;box-shadow:0 34px 78px #1f70a029,inset 0 1px #fffffff2}.theme-education .product-stage:before{background:linear-gradient(120deg,rgba(10,165,255,.12),transparent 30%),linear-gradient(300deg,rgba(255,204,0,.16),transparent 36%)}.theme-education .search-box{border-color:#0c6aa61f;background:#ffffffe0}.theme-education .subject-card{border-color:#0c6aa61a;background:#ffffffd1}.stage-header{position:relative;display:flex;align-items:center;gap:16px;padding:12px;border-bottom:1px solid rgba(16,17,20,.07)}.window-dots{display:flex;align-items:center;gap:7px}.window-dots span{width:11px;height:11px;border-radius:50%}.window-dots span:nth-child(1){background:#ff5f57}.window-dots span:nth-child(2){background:#ffbd2e}.window-dots span:nth-child(3){background:#28c840}.search-box{display:flex;align-items:center;gap:9px;flex:1;min-width:0;height:38px;padding:0 14px;border:1px solid rgba(16,17,20,.07);border-radius:14px;color:#10111475;background:#ffffffc7}.search-box input{width:100%;min-width:0;border:0;outline:0;color:#101114;background:transparent;font-size:14px;font-weight:600}.search-box input::placeholder{color:#1011146b}.stage-body{position:relative;display:grid;gap:14px;min-width:0;padding:16px}.active-subject{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;min-height:122px;padding:16px;border:1px solid color-mix(in srgb,var(--tone) 22%,transparent);border-radius:16px;background:radial-gradient(circle at 94% 12%,color-mix(in srgb,var(--tone) 24%,transparent),transparent 36%),linear-gradient(135deg,var(--soft),rgba(255,255,255,.86))}.subject-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;color:#fff;background:var(--tone);box-shadow:0 18px 34px color-mix(in srgb,var(--tone) 30%,transparent)}.status-line{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:color-mix(in srgb,var(--tone) 80%,#111318);font-size:13px;font-weight:800}.active-subject h2{font-size:clamp(22px,2.35vw,30px);font-weight:800;line-height:1.15}.active-subject p{max-width:520px;margin-top:6px;color:#1011149e;font-size:14px;font-weight:600;line-height:1.62}.agent-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.agent-link{display:inline-grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;max-width:min(100%,270px);min-height:34px;padding:0 11px;border:1px solid color-mix(in srgb,var(--tone) 20%,transparent);border-radius:999px;color:color-mix(in srgb,var(--tone) 72%,#111318);background:#ffffffc2;box-shadow:0 12px 26px color-mix(in srgb,var(--tone) 10%,transparent);transition:transform .18s ease,border-color .18s ease,background .18s ease}.agent-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--tone) 34%,transparent);background:#ffffffeb}.agent-link span{color:color-mix(in srgb,var(--tone) 76%,#111318);font-size:11px;font-weight:800;white-space:nowrap}.agent-link strong{overflow:hidden;color:#111318;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.slot-number{color:#1011145c;font-size:12px;font-weight:800}.subject-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subject-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:0;min-height:58px;padding:9px 11px;border:1px solid rgba(16,17,20,.07);border-radius:8px;color:#111318;text-align:left;background:#ffffffb3;transition:border-color .18s ease,background .18s ease,transform .18s ease}.subject-card:hover,.subject-card.selected{transform:translateY(-1px);border-color:color-mix(in srgb,var(--tone) 32%,transparent);background:var(--soft)}.mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#fff;background:var(--tone)}.subject-card span:nth-child(2){display:grid;gap:2px;min-width:0}.subject-card strong{font-size:14px}.subject-card small{overflow:hidden;color:#10111480;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.subject-card em{color:color-mix(in srgb,var(--tone) 76%,#111318);font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}.subject-card:focus-visible,.subject-agent-card:focus-visible,.agent-link:focus-visible{outline:3px solid color-mix(in srgb,var(--tone) 28%,transparent);outline-offset:3px}.subject-page{background:radial-gradient(circle at 84% 22%,color-mix(in srgb,var(--tone) 18%,transparent),transparent 30%),radial-gradient(circle at 14% 84%,rgba(10,165,255,.16),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.96) 0%,var(--soft) 100%),#fff}.subject-page .topbar{width:min(1180px,100%)}.subject-nav-links a{font-weight:700}.subject-hero{flex:1 1 auto;display:grid;grid-template-columns:minmax(420px,.94fr) minmax(470px,1.06fr);gap:clamp(24px,4vw,56px);align-items:center;width:min(1180px,100%);min-height:0;margin:0 auto;padding:clamp(18px,4vh,44px) 0 30px}.subject-hero-copy{min-width:0}.subject-kicker{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid color-mix(in srgb,var(--tone) 18%,transparent);border-radius:999px;color:color-mix(in srgb,var(--tone) 76%,#111318);background:#ffffffbd;font-size:14px;font-weight:800}.subject-hero h1{max-width:760px;margin-top:20px;color:#101114;font-size:clamp(48px,5.4vw,72px);line-height:1.04;text-wrap:balance;white-space:normal}.subject-hero-copy>p:not(.author-credit){max-width:680px;margin-top:22px;color:#101114a3;font-size:clamp(17px,1.35vw,20px);font-weight:600;line-height:1.78}.subject-panel{position:relative;min-width:0;padding:clamp(18px,2.4vw,28px);border:1px solid rgba(16,17,20,.08);border-radius:28px;background:linear-gradient(145deg,#ffffffeb,#f8fbffc7),#ffffffc7;box-shadow:0 36px 90px #23365729,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);overflow:hidden}.subject-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 96% 4%,color-mix(in srgb,var(--tone) 18%,transparent),transparent 38%),linear-gradient(300deg,rgba(18,200,197,.12),transparent 35%)}.subject-panel-header,.subject-agent-grid,.empty-subject{position:relative}.subject-panel-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.subject-panel-header h2{font-size:clamp(24px,2.5vw,34px);line-height:1.15}.subject-agent-grid{display:grid;gap:12px}.subject-agent-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:78px;padding:16px;border:1px solid color-mix(in srgb,var(--tone) 16%,transparent);border-radius:18px;background:linear-gradient(135deg,#ffffffeb,color-mix(in srgb,var(--soft) 76%,#fff));box-shadow:0 16px 36px color-mix(in srgb,var(--tone) 9%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.subject-agent-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tone) 34%,transparent);box-shadow:0 20px 42px color-mix(in srgb,var(--tone) 15%,transparent)}.subject-agent-card strong{overflow:hidden;color:#111318;font-size:clamp(17px,1.7vw,22px);line-height:1.28;text-overflow:ellipsis;white-space:nowrap}.subject-agent-card em{color:color-mix(in srgb,var(--tone) 76%,#111318);font-size:13px;font-style:normal;font-weight:800;white-space:nowrap}.empty-subject{display:grid;gap:8px;min-height:156px;padding:24px;border:1px dashed color-mix(in srgb,var(--tone) 26%,transparent);border-radius:20px;place-content:center;text-align:center;background:#ffffffa8}.empty-subject strong{font-size:22px}.empty-subject span{color:#10111494;font-size:14px;font-weight:700;line-height:1.6}@media(max-width:1080px){.hero{grid-template-columns:minmax(280px,.75fr) minmax(430px,1.25fr);gap:26px;width:min(1180px,100%)}.hero-copy,.product-stage{transform:none}h1{font-size:clamp(40px,4.9vw,54px);text-wrap:balance;white-space:normal}.hero-text{font-size:15px}.subject-hero{grid-template-columns:minmax(340px,.82fr) minmax(400px,1.18fr);gap:24px}.subject-hero h1{font-size:clamp(40px,5.1vw,58px)}}@media(max-width:980px){.topbar{gap:12px}.nav-links{display:none}.visit-counter{top:78px;right:18px}.subject-hero{grid-template-columns:1fr;align-content:start;gap:14px;padding-top:14px}.subject-hero h1{margin-top:12px;font-size:clamp(36px,10.4vw,48px)}.subject-hero-copy>p:not(.author-credit){display:-webkit-box;margin-top:12px;overflow:hidden;font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.subject-panel{border-radius:22px;padding:14px}.subject-panel-header{margin-bottom:12px}.subject-panel-header h2{font-size:23px}.subject-agent-grid{gap:8px}.subject-agent-card{grid-template-columns:auto minmax(0,1fr) auto;min-height:62px;padding:11px;border-radius:14px}.subject-agent-card strong{font-size:15px}.subject-agent-card em{display:none}}@media(max-width:760px){.site-shell{padding:10px 14px}.visit-counter{display:none}.site-footer{bottom:6px;min-height:20px;padding:0 9px;font-size:10px}.topbar{border-radius:20px}.brand span{max-width:8em;overflow:hidden;text-overflow:ellipsis}.nav-links,.nav-action{display:none}.hero{grid-template-columns:1fr;align-content:start;gap:12px;padding-top:12px}h1{font-size:clamp(40px,12vw,50px);text-wrap:balance;white-space:normal}h1 span{display:block}.hero-subtitle{margin-top:10px;font-size:19px}.hero-text{display:-webkit-box;margin-top:10px;overflow:hidden;font-size:14px;line-height:1.52;-webkit-box-orient:vertical;-webkit-line-clamp:3}.author-credit{margin-top:9px;font-size:14px}.hero-actions{width:100%;gap:10px;margin-top:12px}.primary-button,.secondary-button{flex:1 1 0;min-height:40px;padding:0 12px;font-size:14px}.product-stage{height:clamp(390px,50dvh,430px);border-radius:20px;width:100%}.stage-header{padding:9px}.search-box{height:34px}.stage-body{gap:8px;padding:10px;overflow:hidden}.active-subject{grid-template-columns:auto 1fr;gap:10px;min-height:116px;padding:10px}.subject-icon{width:42px;height:42px;border-radius:12px}.status-line{margin-bottom:4px;font-size:12px}.active-subject h2{font-size:19px}.active-subject p{display:-webkit-box;overflow:hidden;font-size:12.5px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.agent-links{gap:5px;margin-top:7px}.agent-link{grid-template-columns:minmax(0,1fr) auto;gap:4px;min-height:28px;max-width:100%;padding:0 8px}.agent-link span{display:none}.agent-link strong{font-size:11px}.subject-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.subject-card{grid-template-columns:1fr;justify-items:center;gap:4px;min-height:46px;padding:6px;text-align:center}.mini-icon{width:24px;height:24px;border-radius:7px}.subject-card small,.subject-card em{display:none}.subject-card strong{font-size:12px}.slot-number{font-size:10px}}@media(max-width:420px){.brand img{width:38px;height:38px;border-radius:12px}.nav-action{min-height:40px}.brand span{max-width:10em;font-size:13px}}@media(prefers-reduced-motion:no-preference){.product-stage{animation:float-in .7s cubic-bezier(.2,.7,.2,1) both}.hero-copy{animation:rise-in .62s cubic-bezier(.2,.7,.2,1) both}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}