.study-shell{height:100vh;overflow:hidden}.study-top{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe0;border-bottom:1px solid #071a2d1a;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:14px;height:72px;padding:10px clamp(16px,3.5vw,52px);display:grid}.study-top>a,.study-top button{align-items:center;gap:7px;font-weight:800;display:flex}.study-top>a svg,.study-top button svg{width:18px}.study-top>div{align-items:center;gap:12px;display:flex}.study-top>div b{color:#876723;letter-spacing:.12em;font-size:.75rem}.study-top>div span{color:#687785;font-size:.82rem}.study-top>button{cursor:pointer;background:#fff;border:1px solid #071a2d21;border-radius:999px;padding:.55rem .72rem}.study-top>button:first-of-type{justify-self:end}.study-menu{display:none!important}.study-progress{background:#dce2e6;height:4px}.study-progress i{background:linear-gradient(90deg,#9c7733,#e0c37e);height:100%;transition:width .35s;display:block}.study-layout{grid-template-columns:280px 1fr;height:calc(100vh - 76px);display:grid}.study-layout>aside{color:#dce6ee;background:#071a2d;padding:24px 14px;overflow-y:auto}.study-layout>aside>p{color:#c9a45b;letter-spacing:.11em;margin:0 10px 14px;font-size:.72rem;font-weight:850}.study-layout>aside button{text-align:left;color:#bfcbd5;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:30px 1fr;gap:7px;width:100%;padding:10px;font-size:.84rem;display:grid}.study-layout>aside button span{color:#c9a45b;font-size:.72rem;font-weight:850}.study-layout>aside button.active{color:#fff;background:#c9a45b26}.study-layout>aside button:hover{background:#ffffff14}.study-page{background:radial-gradient(circle at 90% 8%,#c9a45b33,#0000 23rem),radial-gradient(#071a2d0b 1px,#0000 1px) 0 0/32px 32px;height:100%;padding:clamp(38px,6vw,84px) clamp(22px,8vw,128px) 110px;position:relative;overflow-y:auto}.chapter-id{align-items:center;gap:14px;display:flex}.chapter-id>span{color:#fff;background:#071a2d;border-radius:18px;place-items:center;width:58px;height:58px;font:700 1.45rem Georgia,serif;display:grid}.chapter-id b{color:#876723;letter-spacing:.14em;font-size:.76rem}.study-page h1{letter-spacing:-.035em;color:#071a2d;max-width:940px;margin:24px 0 16px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(2.5rem,5vw,5.2rem);line-height:1.04}.study-lead{color:#405466;max-width:900px;font-size:clamp(1.06rem,1.5vw,1.28rem);line-height:1.75}.study-points{grid-template-columns:repeat(3,1fr);gap:14px;max-width:980px;margin:36px 0;display:grid}.study-points>div{background:#ffffffb8;border:1px solid #fffffffa;border-radius:22px;padding:22px;box-shadow:0 18px 40px -26px #071a2d59}.study-points svg{color:#a47d35;width:22px}.study-points p{color:#455969;margin:12px 0 0}.study-output{color:#fff;background:linear-gradient(135deg,#071a2d,#113b5c);border-left:5px solid #c9a45b;border-radius:8px 22px 22px 8px;max-width:980px;padding:24px 28px}.study-output small{color:#c9a45b;letter-spacing:.14em;font-weight:850}.study-output h2{margin:.55rem 0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(1.25rem,2.3vw,2rem)}.flow-diagram,.module-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:980px;margin-top:28px;display:grid}.flow-diagram div,.module-grid span{background:#fff;border:1px solid #d5dce1;border-radius:16px;align-items:center;gap:10px;padding:18px;font-weight:800;display:flex;position:relative}.flow-diagram div:not(:last-child):after{content:"→";color:#a47d35;z-index:2;position:absolute;right:-12px}.flow-diagram span,.module-grid i{color:#a47d35;font-style:normal}.module-grid{grid-template-columns:repeat(4,1fr)}.study-nav{justify-content:space-between;max-width:980px;margin-top:34px;display:flex}.study-nav button,.study-nav a{color:#fff;cursor:pointer;background:#071a2d;border:0;border-radius:999px;align-items:center;gap:8px;padding:.78rem 1rem;font-weight:850;display:flex}.study-nav button:disabled{opacity:.28;cursor:not-allowed}.study-nav svg{width:18px}.simple-study{flex-direction:column;display:flex}.simple-study h1{max-width:800px}.conversation{gap:18px;width:100%;max-width:900px;margin:30px 0;display:grid}.bubble{border-radius:24px;max-width:78%;padding:20px 24px;box-shadow:0 16px 38px -26px #071a2d66}.bubble small{letter-spacing:.12em;font-size:.72rem;font-weight:900}.bubble p{margin:.45rem 0 0;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65}.user-bubble{color:#071a2d;background:#c9a45b;border-bottom-right-radius:7px;justify-self:end}.ai-bubble{color:#183148;background:#fff;border-bottom-left-radius:7px}.ai-bubble small{color:#8a6a2d}.simple-point{color:#fff;background:#071a2d;border-left:5px solid #c9a45b;border-radius:8px 22px 22px 8px;width:100%;max-width:900px;padding:24px 28px}.simple-point small{color:#c9a45b;letter-spacing:.13em;font-weight:900}.simple-point h2{margin:.55rem 0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(1.25rem,2.4vw,2.05rem);line-height:1.45}.simple-study .study-nav{width:100%}@media (width<=900px){.study-shell{height:auto;min-height:100vh;overflow:visible}.study-layout{height:auto;display:block}.study-layout>aside{z-index:25;display:none;position:fixed;inset:76px 0 0}.study-layout>aside.open{display:block}.study-page{height:auto;min-height:calc(100vh - 76px);overflow:visible}.study-menu{display:flex!important}.study-top{grid-template-columns:1fr auto auto}.study-top>div{display:none}.study-points{grid-template-columns:1fr}.flow-diagram,.module-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.study-top>a{font-size:0}.study-top>a svg{width:22px}.study-page{padding:34px 18px 104px}.chapter-id>span{width:50px;height:50px}.study-page h1{font-size:2.45rem}.bubble{max-width:92%;padding:16px 18px}.simple-point{padding:20px}.study-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-top:1px solid #d8dee2;margin:0;padding:12px 16px;position:fixed;bottom:0;left:0;right:0}.study-nav button,.study-nav a{padding:.7rem .75rem;font-size:.82rem}}