.demo-mode{background:#fcf9f4;color:#324052}.demo-mode button:focus-visible,.demo-mode a:focus-visible{outline:3px solid #c3512d;outline-offset:4px}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #eee4d9;background:#ffffffdc}.demo-brand{display:flex;align-items:center;gap:20px}.demo-brand img{width:120px;height:auto}.demo-brand>span{font-size:12px;color:#826b5e;border-left:1px solid #eadfd3;padding-left:20px}.demo-nav{display:flex;gap:8px;align-items:center}.demo-nav a{font-size:13px;padding:10px 14px;color:#746b62;border-radius:20px}.demo-nav a[aria-current=page]{background:#fff1e5;color:#a54425}.demo-badge{display:inline-flex;padding:5px 9px;border:1px solid #ead3bd;background:#fff8ed;color:#946b44;border-radius:7px;font-size:10px;white-space:nowrap}.demo-main{max-width:1200px;margin:auto;padding:42px 28px 70px}.demo-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:center;padding:38px 42px;border-radius:28px;background:radial-gradient(circle at 85% 20%,#ffe4c4,transparent 44%),#fff0df;border:1px solid #f1dfc9}.demo-kicker{font-size:10px;letter-spacing:.16em;color:#a25c32}.demo-hero h1{font-size:clamp(26px,3vw,39px);line-height:1.4;color:#3f403e;letter-spacing:-.03em;margin:16px 0}.demo-hero p{font-size:14px;color:#827261;max-width:640px}.demo-hero .portal-button{margin-top:24px}.demo-hero-art{position:relative;display:grid;place-items:center;width:230px;height:230px;border-radius:50%;background:#fff9f080}.demo-hero-art svg{width:174px;height:174px;animation:demo-bob 5s ease-in-out infinite}.demo-hero-art>span{position:absolute;bottom:8px;background:white;padding:9px 15px;border:1px solid #eed9bf;border-radius:30px;font-size:11px;color:#946b45}.demo-summary{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:#96734e}.demo-summary strong{font-size:16px;font-weight:600;margin-right:6px}.demo-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0 20px}.demo-section-title h2{font-size:23px;color:#394b60}.demo-section-title p{color:#85766a;font-size:12px}.demo-search{max-width:300px;width:100%;background:#fff}.demo-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.demo-project{display:flex;flex-direction:column;border-radius:20px;border:1px solid #e9e1d7;background:#fff;padding:25px;transition:transform .2s,box-shadow .2s}.demo-project:hover{transform:translateY(-3px);box-shadow:0 12px 32px #b8986a14}.demo-project-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.demo-logo{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:13px;border:1px solid #eee6db;padding:7px}.demo-project h3{font-size:20px;line-height:1.55;color:#34475e}.demo-project .demo-degree{font-size:11px;line-height:1.8;color:#94877a;min-height:40px;margin:8px 0 14px}.demo-project>p{font-size:13px;color:#7d756d;margin-bottom:20px;flex:1}.demo-project-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.demo-project-actions{display:flex;gap:9px;flex-wrap:wrap}.demo-project-actions a{flex:1}.demo-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.demo-overview article{background:#fff;border:1px solid #e9e1d7;padding:23px;border-radius:18px}.demo-overview span{font-size:11px;color:#bd7e51}.demo-overview h3{font-size:16px;margin:10px 0}.demo-overview p{font-size:13px;color:#81776e}.demo-note{font-size:12px;line-height:1.9;color:#8a7764;padding:14px 18px;margin:24px 0;background:#fff7eb;border:1px solid #f0dfc6;border-radius:12px}.demo-footer{text-align:center;font-size:11px;color:#ae9c89;margin-top:44px}.demo-mode .portal-book-cover{background:linear-gradient(130deg,#fff0df,#fff9f1);border:1px solid #ecd8bd;color:#3c4652}.demo-mode .portal-book-cover h1{color:#36475a}.demo-mode .portal-book-cover p{color:#80715f}.demo-mode .portal-cover-foot{color:#aa8661;border-color:#e7d4bd}.demo-mode .portal-tag.on-dark{color:#916b46;background:#fff9ee;border:1px solid #ead5bb}.demo-mode .portal-cover-actions button{color:#6e5949;background:#fff;border-color:#e1c7ae}.demo-mode .portal-cover-actions button:last-child{background:#e75b35;color:#fff;border-color:#e75b35}.demo-mode .portal-book-cover>.demo-logo{position:absolute;right:38px;top:32px;width:72px;height:72px}.demo-format-card h3{font-size:19px;line-height:1.5;color:#475b70}.demo-format-card>p{font-size:14px;color:#7e746a;margin:12px 0}.demo-format-card ol{margin:20px 0;padding-left:24px;color:#7d7469;font-size:14px;line-height:1.95}.demo-format-card .demo-note{margin:18px 0}.demo-format-actions{display:flex;gap:10px;flex-wrap:wrap}.demo-plan{max-width:880px;margin:auto}.demo-plan h1{font-size:29px;margin:16px 0}.demo-plan>p{color:#85776c;font-size:14px}.demo-plan-card{padding:30px;border:1px solid #ece0d3;background:#fff;border-radius:20px;margin-top:24px}.demo-plan-card h2{font-size:20px;line-height:1.5}.demo-plan-card>p{font-size:13px;color:#837469;margin-top:10px}.demo-check{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:13px 0;font-size:14px;font-weight:400;color:#64665f;border-bottom:1px solid #f3ece4;margin:0;line-height:1.7}.demo-check input{margin-top:5px;accent-color:#e75b35}.demo-check:has(input:checked) span{color:#9c947f;text-decoration:line-through}.demo-prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-context{min-height:155px;background:#fffdfa;font-size:14px}.demo-count{font-size:11px;color:#a18b72;margin-top:9px}.demo-prep-advice{padding:20px;background:#fff7eb;border:1px solid #f0dfc7;border-radius:15px;margin-top:18px;color:#77644f;font-size:14px;line-height:1.9}.demo-prep-advice h3{font-size:15px;color:#755b41;margin-bottom:12px}.demo-prep-advice ol{margin:0;padding-left:20px}.demo-dialog{padding:0;border:1px solid #e9dbcc;background:#fffdf9;max-width:700px;width:calc(100% - 32px);max-height:90dvh;border-radius:24px;color:#33445b;box-shadow:0 20px 100px #53493730}.demo-dialog::backdrop{background:#34302755;backdrop-filter:blur(6px)}.demo-dialog-body{padding:30px 34px}.demo-dialog-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.demo-dialog-head h2{font-size:23px;line-height:1.5}.demo-dialog-close{font-size:23px;line-height:1.1;min-width:36px;min-height:36px;border-radius:50%;background:#f5ede4;color:#948271}.demo-dialog .demo-note{margin:18px 0}.demo-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.demo-grid-two label{color:#766b5f;font-size:12px}.demo-grid-two select{font-size:13px;color:#4c5d72}.demo-option-line{display:flex;flex-direction:row;align-items:center;gap:10px;margin:14px 0;color:#80715f;line-height:1.7}.demo-option-line input{accent-color:#e75b35}.demo-voice-audition{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border:1px solid #edddc9;background:#fff8f0;border-radius:14px;margin:18px 0}.demo-voice-audition strong{font-size:13px}.demo-voice-audition p{font-size:12px;color:#93816d;margin-top:6px}.demo-service-note{font-size:11px;color:#978875;line-height:1.9}.demo-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}.demo-dialog-error{color:#aa4e31;font-size:12px;line-height:1.8;margin-top:12px}.demo-session-strip{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:3;font-size:10px;background:#fff3e3;color:#976d45;border:1px solid #e9d4b7;border-top:0;padding:5px 18px;border-radius:0 0 12px 12px;pointer-events:none;white-space:nowrap}.demo-mode .automatic-stage .ae-scene{padding-bottom:14px}.demo-mode .ae-question h2{font-size:clamp(23px,2.5vw,35px);max-width:850px}.demo-mode .ae-caption{max-height:100px;overflow-y:auto;overflow-wrap:anywhere}.demo-mode .ae-status-detail{max-width:700px;margin-inline:auto}.demo-review{max-width:1000px;margin:auto}.demo-review-head{padding:36px;border:1px solid #ecd8bd;background:#fff0df;border-radius:24px}.demo-review-head h1{font-size:30px;margin:12px 0}.demo-review-head p{font-size:14px;color:#836f5b}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.demo-metrics article{background:#fff;border:1px solid #ebdfd1;padding:22px;border-radius:15px}.demo-metrics strong{display:block;font-size:28px;color:#a45130}.demo-metrics span{font-size:12px;color:#8b7e70}.demo-review-answer{padding:25px;border:1px solid #e9e1d6;background:#fff;border-radius:18px;margin-top:17px}.demo-review-answer header{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#a18468}.demo-review-answer h3{font-size:18px;line-height:1.7;margin:12px 0;color:#3f5570}.demo-review-answer .demo-transcript{font-size:14px;color:#6d746f;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:15px}.demo-review-answer audio{width:100%;height:38px;margin:12px 0}.demo-review-answer details{font-size:13px;color:#9a7655;line-height:1.9}.demo-review-answer details summary{cursor:pointer}.demo-review-answer details p{margin-top:12px}.demo-history-row{padding:24px;border-radius:18px;border:1px solid #eadfd2;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.demo-history-row h3{font-size:17px;margin:8px 0}.demo-history-row p{color:#968371;font-size:12px}.demo-empty{padding:48px;text-align:center;border:1px dashed #e4d4c2;border-radius:22px;background:#fffdf8}.demo-empty h2{font-size:22px;margin-bottom:16px}.demo-empty p{color:#907d68;font-size:14px}.demo-empty a{margin-top:22px}.demo-mode .student-handbook:before{content:'泛柯教育 · 仅限内部学员使用';position:fixed;top:48%;left:25%;transform:rotate(-28deg);color:#a8805220;font-size:clamp(25px,4vw,48px);z-index:1;pointer-events:none;white-space:nowrap}.demo-mode .portal-handbook{position:relative}.demo-skip-link{position:fixed;top:-90px;left:20px;z-index:15;background:white;padding:14px;border:2px solid #c54c2c;border-radius:8px}.demo-skip-link:focus{top:15px}#demo-toast{position:fixed;z-index:20;bottom:26px;left:50%;transform:translateX(-50%);max-width:min(90vw,620px);padding:12px 20px;border-radius:14px;background:#55463def;color:white;font-size:13px;line-height:1.8;box-shadow:0 8px 30px #59483928}#demo-toast:empty{display:none}
.demo-mode [hidden]{display:none!important}
.demo-catalog-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(135px,1fr));gap:12px;margin:0 0 25px}.demo-catalog-toolbar .demo-search{max-width:none;margin:0}.demo-catalog-toolbar input,.demo-catalog-toolbar select{height:46px;width:100%;padding:10px 14px;border:1px solid #dde3dc;background:#fffefa;border-radius:12px;color:#4c5d53;font:inherit;font-size:12px;outline:none}.demo-catalog-toolbar input:focus,.demo-catalog-toolbar select:focus{border-color:#8ca28b;box-shadow:0 0 0 3px #8ca28b12}.demo-results-count{font-size:12px;color:#869185}.demo-project-region{font-size:11px;color:#8b9688}.demo-logo-fallback{display:grid;place-items:center;color:#779078;background:#f0f3eb;font-size:17px;font-weight:500}.demo-login-link{border:1px solid #cdd8c8;color:#53684f!important;background:#f5f7ef}.demo-preview-intro{font-size:12px!important;line-height:1.8;color:#82917d!important;margin-top:10px}.demo-preview-access{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#83917d;line-height:1.8;margin-bottom:22px;padding:0 3px 14px;border-bottom:1px solid #e3e7dd}.demo-preview-access a{color:#647d59;white-space:nowrap;text-underline-offset:4px}
@media(max-width:900px){.demo-catalog-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-catalog-toolbar .demo-search{grid-column:1/-1}}
@media(max-width:620px){.demo-catalog-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.demo-catalog-toolbar #demo-kind{grid-column:1/-1}.demo-catalog-toolbar input,.demo-catalog-toolbar select{font-size:12px;padding-inline:11px}.demo-preview-access{flex-direction:column;gap:5px}.demo-nav .demo-login-link{padding-inline:11px}.demo-results-count{font-size:11px}.demo-project-actions .portal-button{font-size:11px}}
.demo-mode #demo-root:fullscreen{overflow-y:auto;height:100dvh;background:#fffaf5;scroll-padding-bottom:100px}.demo-mode .automatic-stage:has(.ae-written) .ae-scene{min-height:0;padding-top:30px}.demo-mode .automatic-stage:has(.ae-written) .ae-interviewer{width:170px;height:160px;margin:10px 0 24px}.demo-mode .automatic-stage:has(.ae-written) .ae-mascot-avatar{width:118px;height:128px}.demo-mode .automatic-stage:has(.ae-written) .ae-orbit-one{width:140px;height:140px}.demo-mode .automatic-stage:has(.ae-written) .ae-orbit-two{width:160px;height:160px}.demo-mode .automatic-stage:has(.ae-written) .ae-orbit-three{width:182px;height:182px}.demo-mode .ae-written textarea{height:160px;min-height:120px;max-height:30vh}.demo-mode .automatic-stage:has(.ae-written) .ae-question{margin-top:18px}.demo-mode .automatic-stage:has(.ae-written) .ae-conversation h1{font-size:28px}.demo-mode .ae-written{padding-bottom:22px}
@keyframes demo-bob{50%{transform:translateY(-6px) rotate(3deg)}}
@media(max-width:900px){.demo-catalog{grid-template-columns:1fr 1fr}.demo-header{padding:19px 24px}.demo-hero{grid-template-columns:minmax(0,1fr) 180px;padding:30px}.demo-hero-art{width:175px;height:175px}.demo-hero-art svg{width:135px;height:135px}.demo-overview{grid-template-columns:1fr}.demo-mode .portal-book-cover>.demo-logo{width:55px;height:55px;right:25px;top:24px}}
@media(max-width:620px){.demo-header{padding:16px 18px;flex-wrap:wrap;gap:15px}.demo-brand{gap:12px}.demo-brand img{width:100px}.demo-brand>span{padding-left:12px;font-size:10px}.demo-nav{width:100%;justify-content:space-between;gap:0}.demo-nav a{padding:8px 11px;font-size:12px}.demo-main{padding:26px 18px 50px}.demo-hero{display:block;padding:28px 24px;position:relative;overflow:hidden}.demo-hero-art{display:none}.demo-hero h1{font-size:27px}.demo-hero p{font-size:13px}.demo-summary{gap:15px;font-size:11px}.demo-summary strong{font-size:13px}.demo-section-title{flex-direction:column;align-items:stretch;margin-top:28px}.demo-section-title h2{font-size:22px}.demo-search{max-width:none}.demo-catalog{grid-template-columns:1fr}.demo-project{padding:24px}.demo-plan h1{font-size:26px}.demo-plan-card{padding:24px 20px}.demo-prep-grid,.demo-grid-two{grid-template-columns:1fr}.demo-dialog-body{padding:24px 22px}.demo-dialog-head h2{font-size:21px}.demo-dialog{border-radius:20px}.demo-voice-audition{align-items:start}.demo-service-note{font-size:11px}.demo-dialog-actions{justify-content:stretch}.demo-dialog-actions>button{flex:1}.demo-session-strip{font-size:9px;padding-inline:12px}.demo-review-head{padding:26px}.demo-review-head h1{font-size:25px}.demo-metrics{gap:10px}.demo-metrics article{padding:16px 12px}.demo-metrics strong{font-size:22px}.demo-metrics span{font-size:10px}.demo-review-answer{padding:22px 19px}.demo-review-answer h3{font-size:17px}.demo-history-row{align-items:start;padding:21px}.demo-empty{padding:35px 20px}.demo-mode .portal-book-cover>.demo-logo{position:static;width:56px;height:56px;margin-bottom:22px}.demo-mode .portal-book-cover h1{font-size:27px}.demo-mode .student-handbook:before{left:4%;font-size:26px}.demo-mode .automatic-stage{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.demo-mode *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Project stages stay readable in the handbook and in the preflight dialog. */
.demo-flow-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;list-style:none;padding:0!important;margin:18px 0;counter-reset:flow-step}
.demo-flow-timeline li{position:relative;margin:0!important;padding:10px 12px 10px 38px;background:#ffffff91;border:1px solid #d9e1dc;border-radius:12px;line-height:1.7;font-size:12px;overflow-wrap:anywhere;counter-increment:flow-step}
.demo-flow-timeline li:before{content:counter(flow-step,decimal-leading-zero);position:absolute;left:11px;top:12px;color:#657d79;font-size:10px;font-weight:600}
.demo-flow-summary>p{font-size:12px;line-height:1.7}
@media(max-width:560px){.demo-flow-timeline{grid-template-columns:1fr;gap:8px}.demo-flow-timeline li{font-size:11px}}

/* Source-backed project portrait: warm brand accents, readable facts. */
.interview-portrait{margin:22px 0 28px;border:1px solid #e5ded8;border-radius:20px;background:linear-gradient(145deg,#fff,#fff8f2);padding:26px;color:#282a2e}.interview-portrait-head>span{font-size:10px;letter-spacing:.15em;color:#b44827;font-weight:700}.interview-portrait h4{font-size:23px;margin:8px 0;color:#292a2e}.interview-portrait-head p,.interview-portrait-focus p{font-size:13px;color:#6b6a68;line-height:1.8}.interview-portrait-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.interview-portrait-facts>div{background:#ffffffd9;border:1px solid #ece4de;border-radius:12px;padding:15px}.interview-portrait dt{font-size:12px;color:#81766e}.interview-portrait dd{font-size:18px;font-weight:650;line-height:1.5;margin:7px 0 0;color:#2b3035;overflow-wrap:anywhere}.interview-portrait-focus h5{font-size:14px;margin:22px 0 12px}.interview-portrait-focus>div{display:flex;flex-wrap:wrap;gap:7px}.interview-portrait-focus span{background:#fff;border:1px solid #eadace;border-radius:8px;padding:6px 10px;font-size:12px;color:#88442e}.interview-portrait-notes{padding-left:20px;font-size:13px;color:#5f625f;line-height:1.9}.interview-portrait-notes li+li{margin-top:7px}.interview-portrait-training{border-top:1px solid #eaded3;padding-top:15px;font-size:12px;line-height:1.8;color:#9a4a2b}.interview-format-line{font-size:13px;color:#665b52}@media(max-width:600px){.interview-portrait{padding:18px}.interview-portrait-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.interview-portrait dd{font-size:16px}.interview-portrait-facts>div{padding:12px}}

.warmup-card{max-width:880px;margin:24px auto;padding:clamp(24px,5vw,56px);border:1px solid #e4d7ce;border-radius:28px;background:linear-gradient(140deg,#fff 60%,#fff4eb);box-shadow:0 18px 60px #533b2c0b}.warmup-card>.demo-kicker{display:block;margin-top:32px}.warmup-card h1{font-size:clamp(28px,4vw,44px)}.warmup-question{margin:28px 0;padding:24px;border:1px solid #e8d6c8;border-radius:18px;background:#fff}.warmup-question>span{font-size:12px;color:#a05c37}.warmup-question h2{font-size:clamp(20px,3vw,28px);line-height:1.5;margin-bottom:0}.warmup-clock{text-align:center;margin:30px}.warmup-clock strong{font-size:72px;font-variant-numeric:tabular-nums;color:#b94725}.warmup-clock span{margin-left:8px}.warmup-track{height:5px;background:#f0e5db;border-radius:5px;overflow:hidden}.warmup-track i{display:block;height:100%;background:#b94725;transform:scaleX(0);transform-origin:left;transition:transform .2s linear}.warmup-cues{display:flex;gap:12px;list-style:none;padding:0}.warmup-cues li{flex:1;padding:16px 10px;border-radius:12px;background:#f3f0eb}.warmup-cues span{display:block;font-size:12px;color:#997b68}.warmup-cues .is-current{color:#8d331c;background:#fbe5d8}.warmup-self-review{border:0;padding:0;margin:24px 0}.warmup-self-review label{display:block;padding:14px 0}.warmup-card details{padding:20px;border:1px solid #eadfd5;border-radius:14px}.warmup-card summary{cursor:pointer;font-weight:600}.warmup-card .demo-format-actions{margin-top:28px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.warmup-track i{transition:none}}

/* A long review is a reading page; the modal sticky footer must not cover it. */
.demo-review>.demo-dialog-actions{position:static}