:root{--bg:#f6f5fd;--paper:#fff;--ink:#29253e;--sub:#8d8ba4;--brand:#8061f2;--brand2:#ac78ff;--line:#eeeaf8;--shadow:0 12px 35px rgba(70,49,130,.055)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei UI','Microsoft YaHei',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b0a0ff;outline-offset:3px}button:disabled{cursor:not-allowed}svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}button svg{flex-shrink:0}.svg-icons,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}img{max-width:100%;display:block}.site-wrap{overflow:hidden;min-height:100vh}.main-header{height:80px;position:relative;z-index:5;background:rgba(255,255,255,.93);border-bottom:1px solid #efeafa;backdrop-filter:blur(18px)}.header-inner{max-width:1190px;padding:0 24px;height:100%;margin:auto;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none;color:var(--ink)}.brand-icon{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#6847eb,#c189ff);box-shadow:0 7px 16px #987cff48;display:grid;place-items:center;transform:rotate(-7deg)}.brand-bars{display:flex;align-items:center;gap:3px;height:22px;transform:rotate(7deg)}.brand-bars b{width:4px;border-radius:20px;background:#fff;height:11px}.brand-bars b:nth-child(2){height:21px}.brand-bars b:nth-child(3){height:15px}.brand-bars b:nth-child(4){height:8px}.brand-name{font-size:23px;line-height:1;font-weight:900;letter-spacing:.5px}.brand-en{font-size:9px;letter-spacing:1.8px;display:block;margin-top:7px;color:#a09ab8;font-weight:700}.desktop-nav{display:flex;gap:32px;margin-left:28px;align-items:center;white-space:nowrap}.dnav{border:0;background:none;padding:27px 1px;color:#88839e;font-size:14px;font-weight:650;position:relative}.dnav.active,.dnav:hover{color:#7555e9}.dnav.active:after{content:"";position:absolute;bottom:16px;left:28%;right:28%;height:4px;border-radius:5px;background:#8568ef}.header-tools{margin-left:auto;display:flex;align-items:center;gap:18px}.search-wrap{height:39px;width:248px;border-radius:23px;background:#f5f3fc;display:flex;align-items:center;gap:9px;padding:0 13px;position:relative}.search-wrap>svg{color:#a3a0ba;width:19px;height:19px}.search-wrap input{background:none;border:0;outline:0;min-width:0;width:100%;color:#39334f;font-size:12px}.search-wrap input::placeholder{color:#aaa6bd}.search-wrap input::-webkit-search-cancel-button{display:none}.search-wrap button{border:0;background:transparent;display:grid;place-items:center;padding:2px;color:#a3a0b5}.search-wrap button svg{width:14px;height:14px}.saved-trigger{border:0;background:transparent;display:flex;align-items:center;gap:7px;position:relative;color:#514c6a;font-weight:650;white-space:nowrap;padding:8px 0}.saved-trigger svg{width:20px;height:20px;color:#8062ef}.saved-trigger i{font-style:normal;background:#f968a7;color:#fff;border-radius:20px;min-width:17px;height:17px;line-height:17px;font-size:10px;text-align:center;position:absolute;top:0;left:13px}.saved-trigger i[hidden]{display:none}.main-area{max-width:1190px;padding:0 24px;margin:auto}.eyebrow-row{height:52px;display:flex;align-items:center;justify-content:space-between;color:#a29eb4;font-size:11px}.bread{font-weight:600}.bread span{margin:0 8px;color:#cbc5db}.dayline{font-size:11px;letter-spacing:.2px}
.hero{border-radius:28px;background:linear-gradient(122deg,#8162ee 0%,#9876ee 43%,#c69be9 100%);color:#fff;min-height:368px;position:relative;overflow:hidden;display:grid;grid-template-columns:56% 44%;isolation:isolate;box-shadow:0 23px 53px #8f76df30}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 40% 100%,#5e4fe05c,transparent 48%);pointer-events:none}.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(3px)}.hero-glow.a{width:420px;height:420px;top:-330px;left:240px;background:#ffffff19}.hero-glow.b{width:370px;height:370px;bottom:-300px;right:-70px;background:#ffd8fa38}.hero-copy{z-index:2;padding:50px 35px 40px 60px;position:relative}.hero-flag{font-size:11px;font-weight:700;letter-spacing:1.15px;display:inline-flex;align-items:center;gap:8px;background:#ffffff24;border:1px solid #ffffff28;border-radius:40px;padding:8px 14px}.hero-flag svg{width:14px;height:14px}.hero h1{font-size:45px;line-height:1.33;letter-spacing:-.8px;font-weight:880;margin:19px 0 16px}.hero h1 span{color:#ffe6fb}.hero-copy>p{font-size:14px;line-height:1.95;color:#f0ebff;margin:0 0 24px}.hero-cta{display:inline-flex;align-items:center;gap:25px;border:none;background:#fff;color:#7354dd;font-weight:800;padding:13px 19px 13px 21px;border-radius:13px;box-shadow:0 9px 25px #5643c53d}.hero-cta svg{height:17px;width:17px}.hero-note{font-size:10px;color:#efe9ffad;margin-top:17px}.hero-visual{position:relative;z-index:1;min-width:0}.hero-halo{position:absolute;border:1px solid #ffffff38;aspect-ratio:1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.halo-1{width:400px}.halo-2{width:530px}.voice-visual{position:absolute;left:50%;top:50%;width:270px;height:282px;transform:translate(-50%,-47%) rotate(5deg);border:1px solid #ffffff5e;border-radius:32px;background:linear-gradient(152deg,#fff9,#ffffff24 70%);backdrop-filter:blur(12px);box-shadow:0 24px 52px #473bb14f;padding:18px;display:flex;align-items:center;flex-direction:column}.visual-top{width:100%;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.5px;white-space:nowrap;color:#fff}.visual-dot{background:#b8fff6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #b8fff630}.visual-menu{font-weight:900;font-size:18px;line-height:0;margin-left:auto}.visual-disc{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;margin-top:18px;background:linear-gradient(145deg,#ffffffd1,#ebcaffba);box-shadow:inset 0 0 0 11px #fff4,0 10px 30px #654bbd52}.visual-disc-inner{width:104px;height:104px;border:1px solid #ffffffb5;border-radius:50%;display:grid;place-items:center}.visual-disc-core{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#9b7bf5,#c59cf2);box-shadow:inset 0 0 15px #b28af8,0 8px 16px #784acf50}.visual-disc-core svg{width:37px;height:37px;stroke-width:1.6;color:#fff}.eq-wrap{display:flex;align-items:center;justify-content:center;gap:4px;height:29px;margin-top:7px}.eq-wrap span{height:8px;width:4px;background:#fff;border-radius:5px}.eq-wrap span:nth-child(3n+2){height:22px}.eq-wrap span:nth-child(4n+1){height:14px}.eq-wrap span:nth-child(5n){height:27px}.visual-desc{font-size:11px;color:#fff;font-weight:650;margin-top:5px}.float-label{position:absolute;z-index:2;background:#ffffffeb;color:#7c63d7;border-radius:11px;box-shadow:0 12px 23px #5640c833;font-size:11px;font-weight:750;padding:10px 14px;transform:rotate(-7deg)}.float-label i{font-style:normal;color:#f5a248;margin-left:3px}.fl1{top:73px;left:-5px}.fl2{bottom:63px;right:-4px;transform:rotate(7deg)}.float-star{position:absolute;color:#fff8;font-size:28px}.float-star.s1{right:36px;top:37px}.float-star.s2{left:16px;bottom:35px}
.quick-find{background:#fff;border-radius:17px;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;margin-top:20px;box-shadow:var(--shadow)}.quick-label{display:flex;align-items:center;gap:8px;font-weight:850;font-size:15px;flex:none}.small-dot{display:block;height:9px;width:9px;background:#9f7af0;border-radius:50%;box-shadow:0 0 0 4px #f1ebff}.quick-buttons{display:flex;flex-wrap:wrap;gap:9px}.quick-buttons button{background:#f7f5fe;border:1px solid #f1ecff;color:#746d91;border-radius:20px;padding:8px 13px;font-size:12px;font-weight:650;transition:.15s}.quick-buttons button:hover,.quick-buttons button.selected{background:#eee8ff;border-color:#d7ccff;color:#684fe2}.quick-emoji{font-size:14px;margin-right:4px;color:#926def}.topics-section{padding-top:55px;scroll-margin-top:100px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:22px}.tiny-tag{font-size:10px;color:#9e84e7;font-weight:900;letter-spacing:1.5px}.section-title h2{font-size:25px;line-height:1.4;letter-spacing:-.5px;margin:7px 0 7px;font-weight:880}.title-mark{color:#ac8dfa;margin-left:6px;font-size:23px}.section-title p{color:#9995af;font-size:12px;margin:0}.section-side{font-size:12px;color:#b0acc1}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.channel-card{height:255px;padding:19px;border:1px solid transparent;border-radius:20px;position:relative;text-align:left;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;transition:transform .2s,box-shadow .2s}.channel-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #9e8bc63b}.channel-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 74% 36%,#ffffff80,transparent 40%)}.ch-coffee{background:linear-gradient(142deg,#e7dcff,#dcd2ff);color:#7057c9}.ch-food{background:linear-gradient(142deg,#ffe6e9,#fbd6e6);color:#dd7591}.ch-space{background:linear-gradient(142deg,#d6f0f6,#cae7fa);color:#579ac2}.ch-weekend{background:linear-gradient(142deg,#fff0d4,#fce5c9);color:#c69a51}.channel-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.channel-number{font-size:10px;font-weight:850;letter-spacing:.7px;opacity:.68}.channel-corner{height:27px;width:27px;display:grid;place-items:center;border-radius:10px;background:#ffffff72;font-size:18px;font-weight:500}.channel-icon{height:81px;display:grid;place-items:center;position:relative;margin:2px auto 0;width:116px}.channel-icon:before{content:"";position:absolute;width:85px;height:85px;border-radius:50%;background:#ffffff83;box-shadow:inset 0 0 0 14px #ffffff32}.channel-icon svg{position:relative;width:42px;height:42px;stroke-width:1.6;filter:drop-shadow(0 2px 0 #fff5)}.channel-rings{position:absolute;width:115px;height:60px;border-top:1px dashed currentColor;border-bottom:1px dashed currentColor;border-radius:50%;opacity:.25;transform:rotate(-26deg)}.channel-card>strong{position:relative;z-index:1;font-size:20px;color:#29253f;line-height:1.5;margin-top:7px;font-weight:900}.channel-card>small{position:relative;z-index:1;font-size:11px;color:#6f6b89;margin-top:2px}.channel-footer{display:flex;justify-content:space-between;position:relative;z-index:1;align-items:center;color:inherit;font-weight:780;font-size:11px;margin-top:auto;border-top:1px solid #ffffff8a;padding-top:9px}.channel-footer span:last-child{font-size:17px}
.stories-section{padding-top:59px;scroll-margin-top:100px}.stream-title{margin-bottom:21px}.reset-btn{border:0;background:transparent;color:#8478a6;font-size:12px;display:flex;align-items:center;gap:5px;padding:9px 4px}.reset-btn svg{width:16px;height:16px}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.filter-scroller{display:flex;align-items:center;gap:10px;min-width:0;overflow:auto;scrollbar-width:none}.filter-scroller::-webkit-scrollbar{display:none}.filter-pill{border:1px solid transparent;background:#fff;color:#8d88a1;border-radius:14px;white-space:nowrap;padding:11px 18px;font-size:12px;font-weight:720;transition:all .14s}.filter-pill:hover{background:#eee9ff;color:#7759e7}.filter-pill.active{background:#8264f0;color:#fff;box-shadow:0 7px 16px #896ff038}.count-text{white-space:nowrap;font-size:11px;color:#b3abc2}.active-filter{background:#ebe6ff;border:1px solid #ddd4ff;color:#705bbf;font-size:12px;padding:10px 13px;border-radius:13px;margin:-8px 0 15px;display:flex;align-items:center;gap:10px;justify-content:space-between}.active-filter[hidden]{display:none}.active-filter button{border:0;background:#fff;color:#785fe4;padding:6px 9px;border-radius:9px;white-space:nowrap;font-size:11px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.story-card{background:#fff;border:1px solid #eeebf7;border-radius:18px;min-width:0;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.story-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px #8a74bd1a}.story-image{position:relative;display:block;width:100%;padding:0;border:0;overflow:hidden;background:#efecfc;aspect-ratio:1.18}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.story-image:hover img{transform:scale(1.035)}.image-label{position:absolute;left:11px;top:11px;padding:6px 10px;background:#ffffffed;box-shadow:0 2px 12px #5950a41a;border-radius:20px;font-size:10px;color:#7e66cb;font-weight:800}.story-body{padding:15px 15px 14px}.story-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;white-space:nowrap;gap:5px;color:#aaa4bf;font-weight:800;letter-spacing:.2px}.meta-spark{color:#b29bff;font-size:12px;margin-right:2px}.story-title{background:none;border:0;padding:0;display:block;text-align:left;color:#39314a;font-size:15px;font-weight:820;line-height:1.57;margin-top:11px;min-height:47px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.story-title:hover{color:#745ae7}.story-desc{color:#9b96ae;font-size:11px;line-height:1.75;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0 14px}.story-bottom{border-top:1px solid #f4f0fa;display:flex;justify-content:space-between;align-items:center;padding-top:12px}.read-link{border:0;background:none;padding:0;color:#8e76ed;font-size:11px;font-weight:780;display:flex;align-items:center;gap:7px}.read-link svg{width:14px;height:14px}.save-quick{border:0;background:#f8f5ff;color:#b4a6e0;border-radius:10px;width:30px;height:30px;display:grid;place-items:center}.save-quick svg{width:16px;height:16px}.save-quick.active{color:#ec79a7;background:#ffedf5}.save-quick.active svg{fill:#ee82b249}.empty-state{text-align:center;background:#fff;border:1px dashed #cfc5eb;border-radius:20px;padding:48px 18px}.empty-state[hidden]{display:none}.empty-state svg{width:33px;height:33px;color:#af9de9}.empty-state h3{font-size:17px}.empty-state p{font-size:12px;color:#9993ac}.empty-state button{background:#8061ef;border:0;border-radius:12px;padding:12px 19px;color:#fff;font-weight:800;margin-top:12px}.closing{margin:64px 0 37px;background:#eeeafd;border:1px solid #e5dff8;border-radius:24px;min-height:150px;display:flex;align-items:center;gap:22px;padding:25px 39px;position:relative;overflow:hidden}.closing:after{content:"";position:absolute;width:220px;height:220px;right:0;top:-120px;border-radius:50%;background:#e0d6ff}.closing-art{width:82px;height:82px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(132deg,#a68cff,#8067ef);box-shadow:0 12px 25px #8271d43d;color:white;flex:none;transform:rotate(-8deg)}.closing-art span:first-child{font-size:27px}.closing-wave{font-size:11px;letter-spacing:2px}.closing>div:nth-child(2){position:relative;z-index:1}.closing small{letter-spacing:1px;color:#9c85d8;font-size:10px;font-weight:900}.closing h2{font-size:20px;margin:6px 0;color:#4c406f}.closing p{color:#a198b9;font-size:12px;margin:0}.closing>button{position:relative;z-index:1;margin-left:auto;display:flex;align-items:center;gap:12px;border:none;background:#fff;color:#8062e9;border-radius:11px;padding:11px 17px;font-weight:800;white-space:nowrap;box-shadow:0 6px 20px #7765cb1a}.closing>button svg{width:16px;height:16px}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #e9e5f3;padding:31px 0 38px;color:#a9a3b8}.footer-brand{display:flex;gap:11px;align-items:center;flex:none}.footer-brand-symbol{width:34px;height:34px;background:#e9e2ff;color:#8264f1;border-radius:12px;display:grid;place-items:center;font-size:19px}.footer-brand strong{display:block;color:#65547f;font-size:16px}.footer-brand small{font-size:10px;display:block;margin-top:3px}.footer>p{max-width:430px;font-size:10px;line-height:1.8}.footer-meta{display:flex;flex-direction:column;gap:4px;align-items:end;white-space:nowrap;font-size:10px;line-height:1.6}.bottom-nav{display:none}
.overlay{position:fixed;inset:0;z-index:50;background:#242042a8;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(5px)}.overlay[hidden]{display:none}.locked{overflow:hidden}.modal{position:relative;max-height:min(88vh,850px);overflow:auto;background:white;border-radius:24px;box-shadow:0 30px 90px #231c5757;max-width:650px;width:100%;scrollbar-width:thin}.close-modal{z-index:2;display:grid;place-items:center;border:0;border-radius:50%;width:34px;height:34px;color:#685d81;background:#fff;box-shadow:0 2px 12px #281e4640;position:absolute;right:15px;top:15px}.close-modal svg{width:19px;height:19px}.detail-hero{position:relative;height:230px;background:#eee9fe;overflow:hidden}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero>span{position:absolute;left:22px;bottom:17px;border-radius:40px;background:#fff;color:#7b61e5;padding:8px 13px;font-size:11px;font-weight:800}.detail-copy{padding:25px 30px 30px}.detail-copy h2{font-size:24px;margin:9px 0 11px;line-height:1.5}.detail-desc{font-size:14px;color:#7d7292;line-height:1.8}.detail-text{line-height:2.1;color:#615c75;font-size:14px;margin:22px 0}.detail-tags{display:flex;gap:7px;flex-wrap:wrap}.detail-tags span{background:#f2edff;border-radius:20px;color:#8264ee;padding:7px 10px;font-size:11px}.detail-note{font-size:11px;color:#aaa4b5;margin:22px 0}.detail-actions{display:flex;gap:11px}.detail-actions button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e9e2fc;background:#f7f3ff;color:#7b5de4;padding:11px 17px;border-radius:11px;font-weight:800}.detail-actions button:first-child{background:#8a6aed;color:#fff;border:0}.detail-actions button svg{width:17px;height:17px}.saved-modal{max-width:530px}.saved-modal-header{padding:26px 29px 19px;border-bottom:1px solid #efe9f8}.saved-modal-header h2{font-size:23px;margin:6px 0}.saved-modal-header p{font-size:12px;color:#9c95ad;margin:0}.saved-list{padding:11px 23px 25px}.saved-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #f0ebf8}.saved-row:last-child{border:0}.saved-photo{width:86px;height:75px;overflow:hidden;border-radius:11px;flex:none;border:0;padding:0;background:#f3ecff}.saved-photo img{width:100%;height:100%;object-fit:cover}.saved-row-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.saved-row-text small{color:#a38ee3;font-size:10px}.saved-row-text strong{font-size:13px;line-height:1.4}.saved-row-text button{align-self:flex-start;color:#8264e9;background:none;border:0;padding:0;font-size:11px}.saved-remove{background:#f8f5fd;color:#9892aa;border:0;border-radius:8px;padding:8px 10px;font-size:11px}.saved-empty{padding:34px 10px;text-align:center;color:#aaa0b9;font-size:13px;line-height:1.8}.toast{position:fixed;left:50%;bottom:26px;z-index:90;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#36304c;color:#fff;padding:12px 18px;white-space:nowrap;border-radius:30px;box-shadow:0 12px 25px #19132929;transition:all .2s;font-size:12px}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1100px){.header-inner{gap:20px}.desktop-nav{gap:20px;margin-left:0}.search-wrap{width:210px}.hero-copy{padding-left:40px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.story-meta{font-size:8px}.story-body{padding:12px}.channel-grid{gap:12px}}
@media(max-width:900px){.desktop-nav{display:none}.header-inner{gap:20px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-card{height:237px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.story-image{aspect-ratio:1.5}.hero{grid-template-columns:56% 44%}.hero h1{font-size:39px}.hero-copy{padding-left:30px}.voice-visual{transform:translate(-50%,-47%) rotate(5deg) scale(.88)}.footer{flex-wrap:wrap}.footer>p{order:3;max-width:100%;margin:0}.footer-meta{margin-left:auto}}
@media(max-width:620px){html{scroll-padding-top:80px}.main-header{height:67px}.header-inner{padding:0 17px;gap:12px}.brand-icon{width:36px;height:36px;border-radius:12px}.brand-name{font-size:20px}.brand-en{font-size:7px;letter-spacing:1.2px;margin-top:5px}.header-tools{flex:1;gap:11px;justify-content:end;min-width:0}.search-wrap{width:min(42vw,210px);height:36px;padding:0 9px}.search-wrap>svg{width:16px;height:16px;flex:none}.search-wrap input{font-size:11px}.saved-trigger{padding:6px 0}.saved-trigger svg{width:21px;height:21px}.saved-trigger>span{display:none}.main-area{padding:0 15px}.eyebrow-row{height:37px;font-size:10px}.dayline{display:none}.hero{border-radius:22px;min-height:453px;display:block}.hero-copy{padding:24px 25px 0;position:relative;z-index:2}.hero-flag{font-size:9px;padding:6px 10px}.hero h1{font-size:30px;line-height:1.31;margin:14px 0 7px}.hero-copy>p{font-size:11px;line-height:1.6;margin:0 0 12px}.hero-cta{padding:9px 13px;border-radius:10px;font-size:11px;gap:16px}.hero-cta svg{width:14px;height:14px}.hero-note{font-size:9px;margin-top:9px}.hero-visual{height:218px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.voice-visual{width:222px;height:233px;border-radius:26px;left:63%;top:53%;padding:13px;transform:translate(-50%,-43%) rotate(8deg) scale(.83)}.visual-top{font-size:8px}.visual-disc{width:110px;height:110px;margin-top:12px}.visual-disc-inner{height:92px;width:92px}.visual-disc-core{height:68px;width:68px}.eq-wrap{margin-top:5px}.visual-desc{font-size:10px}.hero-halo{left:62%;top:63%}.halo-1{width:285px}.halo-2{width:370px}.fl1{top:44px;left:15px;font-size:9px}.fl2{bottom:26px;right:14px;font-size:9px}.float-star.s1{right:31px;top:18px}.quick-find{margin-top:13px;border-radius:15px;display:block;padding:15px 14px;min-height:0}.quick-label{font-size:13px;margin-bottom:12px}.quick-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-buttons button{padding:9px 6px;font-size:11px;text-align:center}.quick-emoji{font-size:12px}.topics-section{padding-top:33px;scroll-margin-top:82px}.section-title{margin-bottom:16px}.section-title h2{font-size:20px;margin:5px 0}.section-title p{font-size:11px;line-height:1.6}.section-side{display:none}.tiny-tag{font-size:9px}.channel-grid{gap:10px}.channel-card{height:207px;padding:13px;border-radius:16px}.channel-number{font-size:9px}.channel-corner{width:22px;height:22px;font-size:14px;border-radius:7px}.channel-icon{height:68px;margin-top:1px}.channel-icon:before{width:71px;height:71px;box-shadow:inset 0 0 0 12px #ffffff32}.channel-icon svg{width:32px;height:32px}.channel-rings{width:92px;height:46px}.channel-card>strong{font-size:16px;margin-top:7px}.channel-card>small{font-size:10px;margin-top:1px}.channel-footer{font-size:10px;padding-top:8px}.stories-section{padding-top:42px;scroll-margin-top:82px}.reset-btn{font-size:11px}.filter-toolbar{display:block;position:relative;margin-bottom:13px}.filter-scroller{margin:0 -15px 10px;padding:0 15px;gap:8px}.filter-pill{padding:9px 12px;font-size:11px;border-radius:11px}.count-text{text-align:right;font-size:10px}.card-grid{gap:10px}.story-card{border-radius:15px}.story-image{aspect-ratio:1.04}.image-label{font-size:9px;top:8px;left:8px;padding:5px 7px}.story-body{padding:11px}.story-meta{font-size:8px;letter-spacing:0}.story-meta span:last-child{display:none}.story-title{font-size:13px;margin-top:8px;min-height:42px}.story-desc{font-size:10px;line-height:1.5;min-height:29px;margin:5px 0 10px}.story-bottom{padding-top:8px}.read-link{font-size:10px}.read-link svg{width:13px;height:13px}.save-quick{width:29px;height:29px}.closing{padding:18px 17px;gap:12px;margin:42px 0 24px;flex-wrap:wrap;border-radius:17px}.closing-art{width:50px;height:50px;border-radius:15px}.closing-art span:first-child{font-size:19px}.closing-wave{font-size:7px}.closing>div:nth-child(2){flex:1}.closing h2{font-size:15px;margin:4px 0}.closing p{font-size:10px}.closing>button{margin-left:61px;font-size:11px;padding:9px 12px}.footer{padding:20px 0 112px;gap:13px}.footer-brand strong{font-size:14px}.footer>p{font-size:10px;order:2;width:100%}.footer-meta{order:3;align-items:start;margin-left:0;font-size:10px;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:12;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;min-height:calc(64px + env(safe-area-inset-bottom,0px));padding:7px 9px calc(7px + env(safe-area-inset-bottom,0px));border-top:1px solid #f0ebf8;box-shadow:0 -10px 30px #8d80b30d}.bottom-item{border:none;background:none;color:#aaa5bd;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;padding:3px 0;font-weight:750}.bottom-item svg{height:22px;width:22px}.bottom-item.active{color:#8364ef}.bottom-item.active svg{stroke-width:2.4}.overlay{padding:12px}.modal{max-height:85dvh;border-radius:21px}.detail-hero{height:190px}.detail-copy{padding:20px}.detail-copy h2{font-size:20px}.detail-text{font-size:13px}.detail-actions button{font-size:12px}.toast{bottom:calc(77px + env(safe-area-inset-bottom,0px))}}
@media(max-width:370px){.header-inner{padding:0 12px}.main-area{padding:0 11px}.search-wrap{width:39vw}.hero{min-height:433px}.hero-copy{padding:22px 19px 0}.hero h1{font-size:28px}.hero-visual{height:203px}.topics-section,.stories-section{scroll-margin-top:77px}.filter-scroller{margin:0 -11px;padding:0 11px}.channel-card{height:202px;padding:12px}.channel-card>strong{font-size:15px}.story-body{padding:9px}.story-title{font-size:12px}.story-meta{font-size:7px}.story-desc{font-size:10px}.closing h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}