:root{--ink:#171717;--muted:#76736c;--line:#ddd9d0;--paper:#f6f4ef;--card:#fffdfa;--accent:#d7ff4a;--dark:#1d2421;--soft:#ece9e1;--shadow:0 20px 50px rgba(31,35,28,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-pad{padding-left:clamp(24px,7vw,112px);padding-right:clamp(24px,7vw,112px)}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,112px);border-bottom:1px solid var(--line);background:rgba(246,244,239,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--ink);color:var(--accent);border-radius:50%;font-size:14px}.main-nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#4d4b46}.main-nav a:hover,.text-link:hover{color:#737f00}.main-nav .nav-admin{border-bottom:1px solid var(--ink)}.hero{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:center;padding-top:74px;padding-bottom:86px;overflow:hidden}.eyebrow{display:block;color:#7a796e;font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.2}.hero h1,.page-head h1,.detail-page h1,.course-detail h1,.lesson-detail h1,.auth-page h1,.dashboard h1,.locked-page h1{font-size:clamp(48px,7.6vw,104px);line-height:.98;letter-spacing:-.075em;margin:24px 0 28px;max-width:900px}.hero-intro{font-size:clamp(18px,2vw,25px);line-height:1.5;color:#5f5d57;max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;padding:13px 18px;min-height:48px;border-radius:999px;font-weight:700;font-size:14px;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--dark);color:#f9f8ef}.button-ghost{border-color:var(--line);background:transparent}.hero-orbit{position:relative;min-height:410px}.orbit-ring{position:absolute;inset:26px 5%;border:1px solid #bdbab0;border-radius:50%;transform:rotate(-18deg)}.orbit-ring:after{content:"";position:absolute;inset:52px 34px;border:1px dashed #bdbab0;border-radius:50%}.orbit-card{position:absolute;background:var(--dark);color:#fffef4;border-radius:16px;box-shadow:var(--shadow);padding:26px}.orbit-card-main{left:15%;top:96px;width:236px;transform:rotate(-7deg)}.orbit-card-main span{font-size:10px;letter-spacing:.18em;color:var(--accent)}.orbit-card-main strong{display:block;font-size:32px;letter-spacing:-.06em;margin:26px 0 12px}.orbit-card-main small{color:#c2c3b4}.orbit-card-side{right:5%;bottom:70px;color:var(--ink);background:var(--accent);font-size:10px;line-height:1.2;letter-spacing:.14em;transform:rotate(8deg)}.orbit-card-side strong{font-size:30px;letter-spacing:-.08em}.intro-strip{display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:start;background:var(--dark);color:#f7f5ed;padding-top:34px;padding-bottom:34px}.intro-strip .eyebrow{color:#b9b9a8}.intro-strip p{font-size:clamp(18px,2.1vw,26px);line-height:1.45;max-width:760px;margin:0}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px;white-space:nowrap}.section{padding-top:110px;padding-bottom:110px}.section-tint{background:#eae8df}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.section-heading h2{font-size:clamp(36px,5vw,70px);letter-spacing:-.07em;line-height:1;margin:14px 0 0}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{display:block}.work-visual{aspect-ratio:1.2;background:linear-gradient(135deg,#d9ff48 0%,#8d9c65 50%,#26302c 100%);border-radius:14px;position:relative;overflow:hidden;padding:18px;transition:transform .25s ease}.work-visual.has-image{background-size:cover;background-position:center}.work-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.3))}.work-visual span,.work-visual b{position:relative;z-index:1;color:#fff;font-size:11px;letter-spacing:.08em}.work-visual b{position:absolute;bottom:16px;right:18px;font-size:26px;font-weight:400}.work-card:hover .work-visual{transform:translateY(-5px) rotate(-.8deg)}.card-meta{padding:16px 2px}.card-meta h3,.article-card h3,.course-card h3{margin:0;font-size:22px;letter-spacing:-.04em}.card-meta p,.article-card p,.course-card p{color:var(--muted);margin:4px 0 0}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:25px;min-height:250px;display:flex;flex-direction:column;align-items:flex-start}.course-card.is-open{border-color:#b7c5a0}.course-card.is-locked{background:#e4e2d9}.course-top{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:28px}.course-label{font-size:10px;font-weight:800;letter-spacing:.1em;color:#7b7e62}.course-price{font-size:13px;font-weight:800}.course-card h3{font-size:27px;line-height:1.1}.course-card p{font-size:14px;margin-top:14px}.course-card .text-link{margin-top:auto}.locked-title{margin-top:auto;color:#626057;font-size:14px}.locked-note{font-size:12px;color:#8f8c80;margin-top:8px}.article-list{display:grid;gap:0}.article-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 0;border-top:1px solid var(--line);transition:padding .2s ease}.article-card:last-child{border-bottom:1px solid var(--line)}.article-card:hover{padding-left:12px;padding-right:12px;background:rgba(255,255,255,.4)}.article-card h3{font-size:28px;margin:10px 0 4px}.article-card p{max-width:700px}.card-arrow{font-size:26px}.site-footer{display:flex;justify-content:space-between;gap:30px;padding:34px clamp(24px,7vw,112px);border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.site-footer div{display:flex;gap:16px}.site-footer strong{color:var(--ink)}.page-head{padding-top:110px;padding-bottom:74px}.page-head h1{font-size:clamp(56px,8vw,108px);margin-bottom:15px}.page-head p{font-size:20px;color:var(--muted);max-width:600px}.work-grid-large,.course-grid-large{padding-bottom:120px}.detail-page,.course-detail,.lesson-detail{max-width:900px;padding-top:58px;padding-bottom:130px}.back-link{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:62px}.back-link:hover{color:var(--ink)}.detail-page h1,.course-detail h1,.lesson-detail h1{font-size:clamp(48px,7vw,90px);max-width:900px}.detail-lead{font-size:23px;color:#6a675e;max-width:710px;line-height:1.45}.detail-body{font-size:18px;line-height:1.9;margin:54px 0;max-width:760px}.detail-body p{margin:0 0 22px}.article-detail h1{max-width:780px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row span{border:1px solid var(--line);border-radius:999px;padding:5px 11px;color:var(--muted);font-size:12px}.lesson-list{border-top:1px solid var(--line);margin-top:60px}.lesson-list a{display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}.lesson-list a:hover{padding-left:10px;background:rgba(255,255,255,.4)}.lesson-list span{color:var(--muted);font-size:13px}.lesson-list em{font-size:13px;color:var(--muted);font-style:normal}.video-frame{position:relative;aspect-ratio:16/9;background:#111;border-radius:14px;overflow:hidden;margin:40px 0 50px}.video-frame iframe{width:100%;height:100%;border:0}.locked-page,.empty-state{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.lock-mark{font-size:30px;margin-bottom:25px}.locked-page h1{font-size:clamp(42px,6vw,80px);max-width:700px}.locked-page p{font-size:18px;color:var(--muted);margin:0 0 26px}.centered{margin-top:44px}.request-page{padding-top:58px;padding-bottom:130px}.request-page h1{font-size:clamp(48px,7vw,90px);line-height:1;letter-spacing:-.07em;max-width:780px;margin:26px 0}.request-grid{display:grid;grid-template-columns:300px 1fr;gap:50px;align-items:start;margin-top:55px}.payment-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center}.payment-box img{display:block;width:100%;aspect-ratio:1;object-fit:contain;margin-bottom:12px}.payment-box strong{font-size:22px}.qr-placeholder{aspect-ratio:1;background:repeating-linear-gradient(45deg,#eeeae0,#eeeae0 10px,#f8f6ee 10px,#f8f6ee 20px);display:grid;place-items:center;color:#77746a;margin-bottom:14px;border-radius:8px}.qr-placeholder span{display:block;font-weight:800}.qr-placeholder small{display:block;color:#999}.form-card{display:grid;gap:16px;background:#fffdfa;border:1px solid var(--line);border-radius:14px;padding:26px}.form-card.narrow{max-width:430px;margin-top:35px}.form-card label{display:grid;gap:8px;font-weight:700;font-size:14px}.form-card input,.form-card textarea,.form-card select,.inline-form select{border:1px solid #cfcac0;background:#fbfaf5;border-radius:8px;padding:12px 13px;outline:none}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:#829643;box-shadow:0 0 0 3px rgba(215,255,74,.25)}.form-foot{color:var(--muted);font-size:13px}.form-foot a{color:#566f00;text-decoration:underline}.auth-page{padding-top:115px;padding-bottom:140px;max-width:760px}.auth-page h1{font-size:clamp(52px,7vw,90px);margin-bottom:10px}.auth-page>p{font-size:19px;color:var(--muted)}.notice{background:#eef6d7;border:1px solid #cbdc96;color:#4b5d16;border-radius:9px;padding:12px 14px;margin:18px 0}.notice-error{background:#fff0eb;border-color:#efb2a5;color:#8d3c2d}.dashboard{padding-top:80px;padding-bottom:130px}.dashboard h1{font-size:clamp(48px,6vw,80px);margin-bottom:12px}.dashboard>p{color:var(--muted);font-size:18px}.dashboard-grid{display:grid;grid-template-columns:1fr 300px;gap:60px;margin-top:60px}.dashboard h2{font-size:24px;letter-spacing:-.04em}.course-mini-list{border-top:1px solid var(--line)}.course-mini-list a,.free-course{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.course-mini-list span,.free-course span{color:var(--muted);font-size:13px}.profile-card{display:grid;align-content:start;gap:12px;background:var(--dark);color:#fffef4;border-radius:14px;padding:24px;min-height:180px}.profile-card .eyebrow{color:#b9b9a8}.profile-card small{color:#c1c3b3}.profile-card .text-link{margin-top:18px;color:var(--accent);width:max-content}.empty-card{padding:24px;border:1px dashed #bdb9ae;color:var(--muted)}.empty-card a{color:#566f00;text-decoration:underline}.free-course-row{margin-top:70px}.admin-wrap{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 84px)}.admin-sidebar{background:var(--dark);color:#f7f5ed;padding:34px 24px;display:flex;flex-direction:column;gap:11px}.admin-sidebar h2{font-size:25px;letter-spacing:-.06em;margin:0 0 8px}.admin-sidebar p{font-size:12px;color:#aeb1a3;overflow-wrap:anywhere;margin:0 0 20px}.admin-sidebar a,.link-button{border:0;background:transparent;color:#c4c6b6;text-align:left;padding:9px 0;font-size:13px}.admin-sidebar a:hover,.link-button:hover{color:var(--accent)}.admin-sidebar .link-button{margin-top:auto}.admin-label{font-size:10px;color:var(--accent);letter-spacing:.16em;font-weight:800}.admin-content{padding:58px clamp(24px,5vw,80px);background:#f2f0ea}.admin-title{margin-bottom:40px}.admin-title h1{font-size:52px;letter-spacing:-.07em;line-height:1;margin:13px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card,.panel{background:#fffdfa;border:1px solid var(--line);border-radius:13px;padding:22px}.stat-card{display:grid;gap:8px}.stat-card span,.stat-card small,.panel-head span{color:var(--muted);font-size:12px}.stat-card strong{font-size:34px;letter-spacing:-.06em}.admin-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px}.panel h2{font-size:20px;letter-spacing:-.04em;margin:0}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.bar-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:16px 0;font-size:13px}.bar-row b{font-size:12px;font-weight:500;min-width:80px;text-align:right;background:linear-gradient(90deg,#d9ff4a var(--bar),#eeeae0 var(--bar));padding:5px 8px;border-radius:4px}.quick-panel{display:flex;flex-direction:column;gap:16px}.quick-panel a{border-top:1px solid var(--line);padding-top:15px;font-size:14px;font-weight:700}.muted{color:var(--muted);font-size:14px}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:22px 22px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:16px 22px;border-top:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.inline-form{display:flex;gap:7px;align-items:center}.inline-form select{padding:7px 8px;font-size:12px}.small-button{border:0;background:var(--dark);color:#fffef4;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;white-space:nowrap}.text-button{border:0;background:transparent;color:#9c4c3e;font-size:12px;margin-top:7px}.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px}.status-pending{background:#fff0bf;color:#80651a}.status-approved{background:#e8f2c8;color:#537000}.status-rejected{background:#f9dfda;color:#9c4c3e}.note-cell{white-space:pre-line;max-width:260px}.admin-course-list{display:grid;gap:18px}.course-admin-card h2{margin-top:6px}.course-admin-card>p{color:var(--muted);font-size:14px}.admin-lessons{border-top:1px solid var(--line);margin-top:20px}.admin-lessons>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.admin-lessons small{color:var(--muted)}.lesson-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.lesson-form input,.lesson-form textarea{border:1px solid #cfcac0;background:#fbfaf5;border-radius:8px;padding:10px 11px}.lesson-form textarea{grid-column:1/-1;min-height:80px}.lesson-form button{width:max-content}.settings-panel{max-width:760px;margin-bottom:20px}.settings-panel h2{margin-bottom:20px}.qr-preview{display:block;width:210px;aspect-ratio:1;object-fit:contain;border:1px solid var(--line);background:#fff;padding:10px;border-radius:10px;margin:0 0 20px}.qr-placeholder.small{width:210px;aspect-ratio:1;margin-bottom:20px}.settings-panel .form-card{border:0;padding:0;background:transparent;max-width:560px}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-orbit{min-height:330px}.intro-strip{grid-template-columns:1fr}.intro-strip .text-link{width:max-content}.work-grid,.course-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.request-grid,.admin-grid{grid-template-columns:1fr}.admin-wrap{grid-template-columns:1fr}.admin-sidebar{position:relative;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-sidebar h2,.admin-sidebar p,.admin-label{grid-column:1/-1}.admin-sidebar .link-button{margin:0}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.site-header{height:72px}.main-nav{gap:12px;font-size:12px}.main-nav a:nth-child(1){display:none}.hero{padding-top:55px;padding-bottom:65px}.hero h1{font-size:57px}.hero-orbit{transform:scale(.85);transform-origin:left center;margin-bottom:-30px}.work-grid,.course-grid{grid-template-columns:1fr}.section{padding-top:75px;padding-bottom:75px}.section-heading{align-items:start;flex-direction:column}.article-card h3{font-size:22px}.site-footer{display:grid}.site-footer div{display:grid;gap:5px}.page-head{padding-top:70px;padding-bottom:48px}.detail-page,.course-detail,.lesson-detail,.request-page{padding-top:35px}.back-link{margin-bottom:38px}.request-grid{gap:24px}.admin-content{padding:35px 18px}.admin-sidebar{grid-template-columns:repeat(2,1fr)}.admin-title h1{font-size:42px}.stats-grid{gap:9px}.stat-card{padding:16px}.stat-card strong{font-size:28px}.lesson-form{grid-template-columns:1fr}.lesson-form textarea{grid-column:auto}.inline-form{align-items:stretch;flex-direction:column}.inline-form select{max-width:150px}}
.brand-mark{object-fit:cover;border-radius:50%;padding:0}.hero-avatar{position:absolute;inset:42px 12% auto auto;width:min(360px,78%);aspect-ratio:1;object-fit:cover;border-radius:50%;border:10px solid rgba(255,255,255,.72);box-shadow:0 22px 60px rgba(31,35,28,.2);transform:rotate(4deg)}.hero-orbit .orbit-ring{z-index:0}.hero-avatar{z-index:1}.hero-orbit .orbit-card{z-index:2}.social-section{padding-top:95px;padding-bottom:105px;background:#eae8df}.social-section .section-heading{align-items:end}.social-qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.social-qr-card{background:#fffdfa;border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center;display:grid;justify-items:center;gap:7px}.social-qr-card img{width:min(100%,230px);aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px}.social-qr-card strong{font-size:18px;margin-top:8px}.social-qr-card span{font-size:13px;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-list{display:grid;gap:8px;margin-top:20px;border-top:1px solid var(--line)}.admin-list>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.admin-list span{color:var(--muted);text-align:right}@media(max-width:600px){.social-qr-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.admin-list>div{display:grid;gap:3px}.admin-list span{text-align:left}}
.work-detail-cover{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:16px;margin:42px 0 10px;border:1px solid var(--line);box-shadow:var(--shadow)}